React+Vite开发Chrome扩展发布后出现import语法错误

我使用React和Vite开发了一款Chrome扩展，本地加载dist文件夹作为未打包扩展时运行完全正常，但发布至Chrome应用商店后，使用时出现错误：Uncaught SyntaxError: Cannot use import statement outside a module。

已尝试的解决方法 #

• 移除代码中的React.StrictMode
• 修改tsconfig.json的module配置为ESNext或commonjs
• 确保package.json中包含"type": "module"字段
• 使用vite build命令构建项目（构建过程无报错）

补充信息 #

• 仅发布至Chrome应用商店后出现问题，本地加载状态下完全正常
• 扩展交互的目标网站：https://elearning.shv-fsvl.ch/
• 扩展在Chrome应用商店的链接：https://chromewebstore.google.com/detail/paragliding-copilot-ai/fgifmceoflmldnlmbfjjppoilngpenej

疑问 #

• 发布版本与本地加载的模块处理逻辑是否存在差异？
• Vite的生产打包流程是否存在潜在问题？
• 基于React开发的Chrome扩展，发布时是否需要特殊配置？

内容的提问来源于stack exchange，提问作者Benjamin Sx