Vue报错:Plugin/Preset files are not allowed to export objects...

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 条评论) “”
   
验证码:

相关文章

推荐文章