JS文件使用import/require均报错，添加type:module无效求助

问题根源 #

你的server.js能正常使用import，说明它运行在Node.js环境下（且已通过根目录package.json的"type":"module"启用了ES模块）。但admin.js出现的两个错误，本质是它的运行环境和server.js不一致：

• require is not defined：浏览器原生不支持Node.js的CommonJS语法
• Cannot use import statement outside a module：浏览器中使用ES模块需要显式声明

分场景解决 #

场景1：admin.js在浏览器中加载 #

如果是通过HTML的<script>标签引入admin.js：

1. 修改script标签，标记为模块：

   <script type="module" src="./admin.js"></script>
   

2. 替换require()语法：浏览器不支持require，改用ES模块方式加载JSON（需现代环境支持），或者直接把JSON转为JS模块：

   // 方式1：用ES模块导入JSON（Node.js 17.1+或现代浏览器支持）
   import serviceAccount from './path/to/serviceAccountKey.json' assert { type: 'json' };
   // 方式2：把JSON内容写成JS模块导出，再导入
   // import serviceAccount from './serviceAccountKey.js';
   
   import admin from 'firebase-admin';
   
   admin.initializeApp({
     credential: admin.credential.cert(serviceAccount),
     databaseURL: "..."
   });
   

   注意：Firebase Admin SDK是为后端设计的，不建议在浏览器中使用，前端应该用Firebase Client SDK（firebase包）。

场景2：admin.js在Node.js环境运行 #

如果是用node admin.js启动，但仍报错：

• 检查目录结构：确保admin.js所在目录的上级（直到根目录）的package.json包含"type":"module"，且子目录没有独立的package.json覆盖这个配置。
• 检查启动方式：不要用浏览器同步工具（如live-server）加载admin.js，这类工具会以浏览器环境运行脚本。

场景3：用打包工具统一处理 #

如果你的项目是前后端混合，建议用Webpack/Vite等打包工具，它能自动转换import/require语法，适配不同环境，同时处理Firebase SDK的依赖打包。

内容的提问来源于stack exchange，提问作者Robert Melente