解决 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