使用React.js的Chrome扩展程序导致“清单文件丢失或不可读”错误

Question

尝试加载解压的Chrome扩展程序时遇到Manifest file is missing or unreadable错误。我正在将该扩展构建为React应用，因此文件结构如下所示：

我了解到manifest.json必须位于根文件夹中，而不是位于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": [
  ]
}

Answer 1

不确定自从有人回答以来已经有一段时间了，您是否已经知道了，但是一旦完成，请执行npm run build。这将创建您的“内部版本”，其中将包含清单文件，然后加载未打包的“内部版本”文件夹。

希望这会有所帮助。

Answer 2

为了解决此问题：-单击

1. Pack扩展名提供完整路径扩展根目录，单击Pack扩展名

2. 现在单击Load extension。

您可以在当前文件夹中看到生成的另外两个文件是int min=Collections.min(list, Collections.reverseOrder()); 和reverseOrder文件。

它现在可以工作