SyntaxError: Cannot use import statement outside a module报错原因和解决方法

最新推荐文章于 2024-02-18 09:38:08 发布

泼茶香

最新推荐文章于 2024-02-18 09:38:08 发布

阅读量3.4k

点赞数

文章标签： java python nodejs vue npm

本文链接：https://blog.csdn.net/Flipped__/article/details/118691355

版权

在刚刚学习vue工程化开发时碰到的问题

环境：

在NodeJS中安装babel
安装babel
打开终端，输入命令：

npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node

安装完毕之后，再次输入命令安装：

npm install --save @babel/polyfill

创建babel.config.js
在项目目录中创建babel.config.js文件。
编辑js文件中的代码如下：

const presets = [
["@babel/env",{
targets:{
edge:"17",
firefox:"60",
chrome:"67",
safari:"11.1"
}
}]
]
//暴露
module.exports = { presets }

1、使用export default默认导出

2、使用import m1 from "./m1.js"导入

3、在node.js中运行npx babel-node .\index.js

4、报错SyntaxError: Cannot use import statement outside a module

var a = 10;
const b = 20;
let c = 30;

function show(){
    console.log('11111');
}

export default {
    a,
    b,
    show()
}

import m1 from "./m1.js"

console.log(m1);

解决方法：

找了网上很多方法并没有找到解决方法

有需求的可以看看官方文档：

或者查看以下文档

如果有朋友知道如何解决，麻烦留言告诉我一下，谢谢

关注