SyntaxError: Cannot use import statement outside a module報錯原因和解決方法

本文轉載自查看原文 2020-08-11 22:45 5871 Node.js

在剛剛學習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);

解決方法：

找了網上很多方法並沒有找到解決方法

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

或者查看以下文檔

如果有朋友知道如何解決，麻煩留言告訴我一下，謝謝

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。