vue-cli3构建项目时elementUI按需引入问题

报错1：Error: Cannot find module 'babel-preset-es'

报错2：Error: Cannot find module 'babel-preset-env'

- Did you mean "@babel/env"?

法1：将 es 更改为：@babel/preset-env

更改：

使用1：按照官方文档使用：

import { Button } from 'element-ui'

components: {'el-button': Button},

<el-button type="primary">点我打开</el-button>

使用2：将按需引入的代码，独立出来

在src文件夹下新建一个element的文件夹，再新建一个index.js

// element/index.js// 导入自己需要的组件import { Button } from 'element-ui'const element = {install: function(Vue) {Vue.use(Button)}}export default element

main.js修改：

import element from './element/index'Vue.use(element)

使用：

<el-button type="primary">点我打开</el-button>

法2：env

需安装依赖：babel-preset-env即可

npm install babel-preset-env@next --S