部署ReactJs Chrome扩展遇manifest_version错误求助

以下是针对该问题的具体排查步骤：

• 确认manifest.json的位置：必须放在你上传的压缩包根目录。如果是React项目，打包后的manifest.json应该在build文件夹根目录，而非子文件夹（比如js目录），否则Chrome应用商店无法识别。

• 检查JSON语法与编码：

  • 确保文件是标准JSON格式：所有键和字符串必须用双引号（不能用单引号），逗号无遗漏或多余，括号配对正确。可借助VSCode的JSON校验功能（右下角会提示语法错误）。
  • 保存文件时选择UTF-8无BOM编码：部分编辑器默认添加BOM头，会导致Chrome解析JSON出错，无法识别manifest_version键。

• 核对打包后的文件结构：你的default_popup配置为js/index.html，打包后的文件结构需符合：

  ├── manifest.json
  └── js/
      └── index.html
  

  若React打包后index.html不在js目录，或manifest不在根目录，会引发识别问题。

• 检查上传的压缩包内容：不要上传整个React项目文件夹（包含node_modules、src等开发文件），仅上传生产环境打包后的文件（比如build文件夹内所有内容）。多余文件会干扰Chrome商店的文件识别逻辑。

• 本地验证扩展：先在本地Chrome浏览器加载已解压的扩展（打开Chrome扩展页面→开启开发者模式→加载已解压的扩展→选择打包后的文件夹）。如果本地也报错，说明是文件本身问题；如果本地正常，可能是上传时压缩包的问题，重新打包压缩后再尝试上传。

内容的提问来源于stack exchange，提问作者Ibe Kingsley Chibueze