Reactjs 使用React.js的Chrome扩展导致；清单文件丢失或无法读取"；错误

我在尝试加载未打包的Chrome扩展时遇到

清单文件丢失或无法读取
错误。我正在将扩展名构建为react应用程序，因此文件结构如下所示：


我知道
manifest.json
需要放在根文件夹中，而不是像react通常那样放在
public
中。但是，当我将其移动到根目录时，它会断开与
app.js
的连接，我的弹出窗口只加载
index.html
，而没有连接任何javascript

这就是我的清单的布局：

{
  "manifest_version": 2,

  "name": "My Extension",
  "description": "This extension is a starting point to create a real Chrome extension",
  "version": "0.0.1",

  "browser_action": {
    "default_popup": "index.html",
    "default_title": "Open the popup"
  },
  "icons": {
    "16": "/public/images/get_started16.png",
    "48": "/public/images/get_started48.png",
    "128": "/public/images/get_started128.png"
  },
  "permissions": [
  ]
}

为了解决此问题：-单击

包扩展提供完整的路径扩展根目录单击包扩展

现在单击LoadExtension

您可以在当前文件夹中看到在is
.pem
和
.ctx
文件上生成的两个额外文件

它现在可以工作了
不确定您是否已经解决了这个问题，因为有人回答这个问题已经有一段时间了，但是一旦完成，请执行
npm运行build
。这将创建您的“构建”，其中将包含您的清单文件，然后加载未打包的“构建”文件夹

希望这能有所帮助。
因为只有一个根目录，您需要在
public
中移动
src
，或者创建另一个包含扩展包中所有内容的公共文件夹（当然，将manifest.json放在该文件夹中）。您可以打开弹出窗口吗，右键单击它并选择
检查
>选项卡控制台并检查错误？