vue项目启动时无法识别es6的扩展语法的解决
作者：Juliet_xmj
启动项目时遇到ES6的拓展运算符报错可以通过切换到淘宝镜像,以及在项目根目录下新增.babelrc和postcss.config.js文件来解决,这些操作有助于正确配置项目环境,从而避免报错,并保证项目的顺利运行,希望这些经验能够帮助到遇到相同问题的开发者
vue项目启动时无法识别es6的扩展语法
启动项目报错
解决
ES6的拓展运算符报错
- 1.切换淘宝镜像
npm install -g cnpm --registry=http://registry.npm.taobao.org cnpm install --legacy-peer-deps --save-dev babel-preset-stage-3 cnpm install --legacy-peer-deps --save-dev babel-plugin-transform-object-rest-spread
- 2.根目录下新增文件 .babelrc
{
"presets": [
["es2015", { "modules": false }]
],
"plugins": ["transform-object-rest-spread"] //不能解析es6语法关键解决
}- 3.根目录下新增文件postcss.config.js
module.exports = {
plugins: {
'autoprefixer': {browsers: 'last 5 version'}
}
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。