vue babel es6转es5 webstrom配置

js里面使用到es6报错 排查

1,看看webstrom里面的language 是否选中es6
这里写图片描述
2,如果上面步骤已设置 查看全局npm文件夹里面是否有babel-cli包 或者项目里面是否已下载依赖
这里写图片描述

或者
这里写图片描述

3,如果步骤2没有 执行下面的命令
npm install -g babel-cli 全局安装
npm install –save-dev babel-cli 局部安装 并在package里面声明

    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.0",
    "babel-plugin-external-helpers": "^6.22.0",
    "babel-plugin-syntax-dynamic-import": "^6.18.0",
    "babel-polyfill": "^6.26.0",
    "babel-preset-env": "^1.7.0",

4,如果步骤3执行了 则看是否设置了file watcher
这里写图片描述

我是全局跟项目里面都安装了 所以两种方式都行
如果想要设置里面的 则program的路径需要改变 找到项目里面的babel.js 这个我试了 不是很可行 每次修改下代码 报错 弹出watch 设置一下才好 明明是设置过的选中的 却没有被选中
这里写图片描述

点击 the watch 弹出watch弹框 选中babel即可
如果不设置的话 就会处处报错 但是却也是可以执行成功

猜你喜欢

转载自blog.csdn.net/etemal_bright/article/details/81022386
今日推荐