vue项目 es6语法报错

2019年9月16日 215次阅读 来源: 李钢铁

代码库迁移时遇到的问题

1.不识别es6语法

扩展运算符…报错

《vue项目 es6语法报错》

…是es6的对象扩容运算符，目前babel暂不支持，需要引入新的包来解决，要安装一个babel插件翻译对象展开运算符语法。

解决方法：

npm install babel-plugin-transform-object-rest-spread

根目录下创建 .babelrc文件

.babelrc文件中写：

{
    "presets": [
        ["es2015", { "modules": false }]
    ],
    "plugins": ["transform-object-rest-spread"] //不能解析es6语法关键解决
}

2.报错

ModuleBuildError: Module build failed: Error: No PostCSS Config found in：XXX

《vue项目 es6语法报错》

解决方法:

根目录下创建postcss.config.js文件
postcss.config.js中写

module.exports = { 
    plugins: { 
        'autoprefixer': {browsers: 'last 5 version'} 
    } 
}

好爽 ！！！

    原文作者：李钢铁
    原文地址: https://segmentfault.com/a/1190000020125674
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞