VUE项目按需引入ELEMENT-UI,修改.BABELRC文件之后报错
(慕课网小米商城的项目11-2_ElementUI运用)
自己在这里新建的.babelrc文件会和vue-cli自动创建的babel.config.js文件在编译时发生冲突而报错,原因是这两个文件里的内容功能上作用相同都是利用babel作为js的编译器,但在编译时不会合并在一起,所以直接留babel.config.js文件就行,把.babelrc里面应该设置的内容粘贴在babel.config.js文件中就行了。
babel.config.js之前的内容代码
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
重新设置内容后的代码
module.exports = {
"presets": [
'@vue/cli-plugin-babel/preset'
],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}