首页 > 其他 > 详细

vue-cli3 按需引入element-ui

时间:2019-08-26 13:34:54      阅读:90      评论:0      收藏:0      [点我收藏+]

按照官网的教程:按需引入需要借助: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 为:

 技术分享图片

再次重新启动,终于可以了:

技术分享图片

 

如果觉得能解决您的问题或者 觉得 不错的话可以 点个赞 哦!
——————————————————————————————————————————————

vue-cli3 按需引入element-ui

原文:https://www.cnblogs.com/guangping/p/11411826.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!