我正在关注一个使用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”。 无法加载清单。
我不确定是什么原因造成的,因为我完全遵循了指示。有人知道这个问题可能是什么吗?您是否需要我提供其他信息才能知道?
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": [
]
}