按照官網的教程:按需引入需要借助:babel-plugin-component
安裝:babel-plugin-component
注意:官網是修改 .babelrc 文件,我這里為了方便就直接修改 babel.config.js 文件了
對應的項目根目錄下的 babel.config.js 需要修改成為以下:【我是直接拷貝官網的】
在 main.js 里面按需引入:
import { Button } from ‘element-ui’;
Vue.component(Button.name, Button
啟動項目報錯:.plugins[0][1] must be an object, false, or undefined
原因是:babel.config.js 里面的plugins多了一個中括號:修改如下:
再次重新啟動后又報錯: Cannot find module ‘babel-preset-es2015’ from '
這個是由於babel編譯插件版本問題,需要安裝最新的 babel 編譯插件 “ @babel/preset-env ” ,執行以下安裝命令:
npm install @babel/preset-env -D
修改 babel.config.js 為:
再次重新啟動,終於可以了:
——————————————————————————————————————————————