造成错误的原因是:加载解压的Chrome扩展程序时,“无法加载扩展程序图标”和“无法加载清单”?

时间:2019-05-25 05:41:58

标签: google-chrome create-react-app

我正在关注一个使用Create-React-App创建基本Chrome扩展程序的教程 (此处找到了教程: https://medium.com/@gilfink/building-a-chrome-extension-using-react-c5bfe45aaf36

运行create-react-app my-app命令后,我将公共文件夹的manifest.json文件中的自动生成的代码替换为教程代码(如下所示),然后在公共文件夹中放置了一个128x128的图像,命名为logo -small.png,它在清单文件中正确引用。

我运行npm run build命令,然后打开Chrome扩展页面以加载解压缩的扩展,选择build文件夹(build命令将公用文件夹的内容放入了build文件夹中,因此清单和png都在同一个文件夹中位置)。但是,出现以下错误:

无法加载扩展程序图标“ logo-small.png”。 无法加载清单。

我不确定是什么原因造成的,因为我完全遵循了指示。有人知道这个问题可能是什么吗?您是否需要我提供其他信息才能知道?

inside build folder

Manifest.json代码:

{
  "manifest_version": 2,

  "name": "testapp",
  "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": "logo-small.png",
    "48": "logo-small.png",
    "128": "logo-small.png"
  },
  "permissions": [
  ]
}

0 个答案:

没有答案