解決 SyntaxError: Cannot use import statement outside a module 報錯問題


在用gulp打包項目的時候,

"dev": "NODE_ENV=dev gulp buildDev --gulpfile tasks"

遇到`node`報錯

> NODE_ENV=dev gulp buildDev --gulpfile tasks

[10:52:59] Requiring external module babel-register
···/tasks/index.js:1
import gulp from 'gulp';
^^^^^^

SyntaxError: Cannot use import statement outside a module

解決:

1. 安裝babel包

npm install babel-cli -g
npm install -D babel-core
npm install -D gulp-babel
npm install -D babel-preset-env 

2. 在打包命令上增加``--require babel-register``

  "dev": "NODE_ENV=dev gulp buildDev --require babel-register --gulpfile tasks",

3. 在package.json添加配置

  "babel": {
    "presets": [
      "env"
    ],
    "plugins": [
      "transform-runtime",
      "transform-object-rest-spread"
    ],
    "babelrc": false
  }

大功告成!


免責聲明!

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



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM