JavaScript模块导入报错：SyntaxError: Unexpected identifier '{' 求助

错误原因 #

你在common.js中使用了ES模块的import语法，但对应的HTML脚本标签未声明为模块类型，浏览器会将其当作传统脚本解析，无法识别import {app} from './firebase.js'这种模块语法，从而抛出语法错误。

解决方案 #

修改HTML中common.js对应的<script>标签，添加type="module"属性：

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

额外注意事项 #

• 确认common.js中导入firebase.js的相对路径正确：两个文件同属../js/目录，./firebase.js的路径是正确的，无需修改。
• 模块脚本默认启用严格模式，无需额外声明'use strict'。

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