vue引入 element-ui ,配置babel.config.js , 提示:Cannot find module'babel-preset-es2015'

module.exports = {
  presets: [
    "@vue/cli-plugin-babel/preset", 
    // ["es2015", { modules: false }]], // 这句是官方给的
    ["@babel/preset-env", { modules: false }] // 改成这样!OK了
  plugins: [
    [
      "component",
      {
        libraryName: "element-ui",
        styleLibraryName: "theme-chalk",
      },
    ],
  ],
};


  1. 恩,完美解决了,继续快乐写代码去

下面的代码是多余的,可以不用,就是做笔记的而已;

  1. 首先看句意,明显是因为因为没有安装 babel-preset-es2015,所以动手:
  npm install babel-preset-es2015 -D
  1. 完事儿还会报错:
Error: Plugin/Preset files are not allowed to export objects, only functions. In G:\myadmin\myadmin2\node_modules\babel-preset-es2015\lib\index.js

别急,现在修改babel.config.js,把vue官方的.babelrc 配置项中,["es2015", { modules: false }]] 改成["@babel/preset-env", { modules: false }],如下:

上一篇:js 继承


下一篇:关于vue-cli 4默认配置的查看