問題：

按element-ui官網(wǎng)的步驟進行按需引入

npm install babel-plugin-component -D

然后添加.babelrc文件

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]

報錯：Error: Cannot find module ‘babel-preset-es2015’

原因：

項目是基于vue-cli 3.x的版本，并沒有官網(wǎng)的.babelrc文件，只有babel.config.js文件，而且項目不需要引入完整的element-ui，只需要引入部分，按官網(wǎng)的步驟安裝babel-plugin-component后在babel.config.js寫入內(nèi)容，就會報錯

解決：

.babelrc文件和babel.config.js文件都是配置文件，可以視為相同，之后需要使用npm安裝

npm i @babel/preset-env -D

而且，也不再使用es2015，將它改成@babel/preset-env，兩者是相同的，其作用都是編譯es6語法，因此在babel.config.js中寫成

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