Vue项目中使用element组件库,在按需引入时,按照官网步骤修改babel配置文件.babelrc,内容如下。
{
"presets": [["es2015", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
运行出现以下报错信息:
Error: Plugin/Preset files are not allowed to export objects, only functions. In C:\Users\vue_test
ode_modules\babel preset-es2015\lib\index.js
出错原因:脚手架版本较新,与babel依赖包不兼容。
解决方案:在babel的配置文件中,将预设包中的"es2015"修改为"@babel/preset-env"。修改后babel配置文件.babelrc的内容如下:
{
presets: [
'@vue/cli-plugin-babel/preset',
['@babel/preset-env', { modules: false }]
],
plugins: [
[
'component',
{
libraryName: 'element-ui',
styleLibraryName: 'theme-chalk'
}
]
]
}
留言与评论(共有 0 条评论) “” |