JS文件中import/export导入导出方法失效该如何解决？

解决方案 #

你遇到的是ES模块语法未被运行环境识别的问题，分场景按以下步骤操作即可：

浏览器环境运行 #

在引入test.js的script标签上添加type="module"属性：

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

没有该属性的情况下，浏览器会将JS文件识别为普通脚本，不支持import/export语法。

Node.js环境运行 #

两种方案二选一即可：

• 在项目根目录的package.json文件中新增"type": "module"配置项，Node.js会默认将所有.js后缀的文件识别为ES模块
• 将两个JS文件的后缀名从.js修改为.mjs，Node.js会自动识别为ES模块，无需额外配置

额外注意：运行代码时要保证路径正确，执行node test.js的终端路径需要和两个文件所在目录保持一致，避免相对路径解析报错。

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