Vue 项目导入 elementUI 报错 Cannot find module 'babel-preset-es2015'

问题描述

使用 Vue/cli 脚手架搭建的项目，按照 elementUI 官网的指引导入配置，配置如下：

// babel.config.js
module.exports = {
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

当时能正常运行，但是第二天再运行就报错了，报错信息如下：

解决方案

运行一下命令：

yarn add babel-preset-es2015 --dev

或者：

npm install babel-preset-es2015 -D

然后修改配置：

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

问题解决！