如何解决“语法错误：无法在模块外使用导入语句”[重复]

【问题标题】：how to solve 'SyntaxError: Cannot use import statement outside a module' [duplicate]如何解决“语法错误：无法在模块外使用导入语句”[重复]
【发布时间】：2021-11-19 07:47:13
【问题描述】：

在我的 script.js 中

import { initializeApp } from "https://www.gstatic.com/firebasejs/9.4.1/firebase-app.js";
 import { getDatabase, ref, set, child, get } from "https://www.gstatic.com/firebasejs/9.4.1/firebase-database.js";


 // Initialize Firebase
 const app = initializeApp(firebaseConfig);
 const db = getDatabase(app);
 const dbRef = ref(db);

显示错误 SyntaxError: Cannot use import statement outside a module 我该如何解决这个问题

【问题讨论】：

那里必须是一个很好的欺骗目标，但我很难找到它......

标签： javascript html

【解决方案1】：

听起来您在脚本中使用import，而不是在模块中。区别在于如何告知环境加载文件。

在浏览器中，您需要在script 标签上添加type="module"：

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

更多on MDN.

在 Node.js 上，您的 package.json 或 .mjs 扩展中需要 "type": "module"，详情请参阅 the Node.js documentation。

【讨论】：