1. 程式人生 > 實用技巧 >SyntaxError: Cannot use import statement outside a module報錯原因和解決方法

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

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

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