按照官网步骤修改 .babelrc 文件时,注意:用vue脚手架创建的项目是找不到 .babelrc文件的,这是旧版本的脚手架才有的,新版本在vue脚手架创建的 babel.config.js 文件修改即可。

引入官网内容后:

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
    ["es2015", { "modules": false }]
  ],
  plugins: [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

运行时出现报错:

Error: Cannot find module 'babel-preset-es2015'

 原因是旧版本的脚手架用的是 es2015,新版本不再适用,而官网没有及时更新。

 

解法方法:把 es2015 改为 @babel/preset-env 即可。

修改后 babel.config.js代码:

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

前往低代码交流专区

更多推荐