要解决“Uncaught SyntaxError: Cannot use import statement outside a module”错误,可以按照以下步骤进行操作:
npm install --save-dev @babel/core @babel/preset-env
.babelrc
文件,并在其中配置Babel的预设(preset):{
"presets": ["@babel/preset-env"]
}
将需要使用import语句的文件的扩展名更改为.mjs
,以将其标记为ES模块。
修改项目的构建脚本,以使用Babel来编译代码。例如,使用babel-cli
命令行工具:
babel src --out-dir dist
以上步骤完成后,应该可以正确编译并运行项目了。
以下是一个简单的示例代码,展示了如何使用Babel编译代码以解决该错误:
// index.js
import { sum } from './math.js';
console.log(sum(2, 3));
// math.js
export function sum(a, b) {
return a + b;
}
按照以上步骤进行操作后,可以使用Babel编译代码,并解决“Uncaught SyntaxError: Cannot use import statement outside a module”错误。