React应用转Chrome扩展发布遇拒：如何正确压缩提交？

你遇到的错误是上传的压缩包根目录没有manifest.json文件——因为你打包了整个React源码项目（包含node_modules、src等），但Chrome商店要求上传的是生产构建后的产物包，不是源码目录。按以下步骤处理：

1. 生成生产构建文件 #

在React项目根目录打开终端，执行构建命令：

npm run build

执行完成后，项目里会多出一个build文件夹，这里面就是符合生产环境要求的扩展文件。

2. 确认构建目录的核心文件 #

打开build文件夹，必须确保：

• manifest.json在build的根目录（如果你的manifest原来放在public文件夹里，React构建时会自动复制到build根目录，这是正确的做法）
• 包含index.html、打包后的js/css资源等扩展运行必需的文件

3. 正确打包上传 #

• 进入build文件夹，选中里面的所有文件和子文件夹，右键压缩成zip包（注意不要把build文件夹本身也包进去，要让解压后的文件直接包含manifest.json在根层级）
• 把这个zip包上传到Chrome商店即可

额外注意事项 #

• 检查manifest.json的manifest_version必须是3，这是Chrome商店当前的要求，v2的扩展已经无法提交
• 确保manifest里的权限、图标、action等配置都符合Chrome扩展的规范，避免其他审核问题
• 如果不需要调试，可以在构建时关闭source map生成，减少包体积（修改package.json里的build命令为GENERATE_SOURCEMAP=false react-scripts build）

内容的提问来源于stack exchange，提问作者Kumar Shanu