SyntaxError: Cannot use import statement outside a module報錯原因和解決方法
阿新 • • 發佈:2020-08-12
在剛剛學習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);
解決方法:
找了網上很多方法並沒有找到解決方法
有需求的可以看看官方文件:
https://nodejs.org/dist/latest-v10.x/docs/api/esm.html
如果有朋友知道如何解決,麻煩留言告訴我一下,謝謝