Vue项目中使用element组件库,在按需引入时,按照官网步骤修改babel配置。

{
  "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\node_modules\babel preset-es2015\lib\index.js

原因:脚手架版本较新,与babel依赖包不兼容

解决方法:在babel的配置文件中,将预设包中的"es2015"修改为"@babel/preset-env"

修改后babel配置文件内容如下:

{
  presets: [
    '@vue/cli-plugin-babel/preset',
    ['@babel/preset-env', { modules: false }]
  ],
  plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ]
  ]
}

更多推荐