vue项目中element-ui全局引入按需引入按需引入报错解决

elementUI中文网址：
https://element.eleme.cn/#/zh-CN/component/layout

全局引入

1.安装element-ui

cnpm install element-ui --save

2.main.js引入elementUI

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

3.App.vue删掉原始内容，添加如下内容：

4.浏览器查看效果
出现一个Button按钮，点击按钮，会有弹出框。成功。

按需引入

1.安装babel组件

cnpm install babel-plugin-component -D

2.新建文件并粘贴如下内容进去

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

2.mian.js修改引入

之前全局引入的部分内容注释掉

// import ElementUI from 'element-ui'
// Vue.use(ElementUI)

import {Button, Dialog, Row, Col} from 'element-ui'
Vue.component(Button.name, Button)
Vue.component(Dialog.name, Dialog)

3.如果报错 Exit status 1
解决：创建. babelrc文件命名点和名字中间有个空格

4.如果还报错，修改. babelrc文件
注意：如果大括号报错，换成中括号。

5.效果：可以正常使用之前定义的内容。

vue项目中element-ui全局引入按需引入按需引入报错解决相关推荐

js定义全局变量 vue页面_在vue项目中实现定义全局变量全局函数操作
写在前面: 如题,在项目中,经常有些函数和变量是需要复用,比如说网站服务器地址,从后台拿到的:用户的登录token,用户的地址信息等,这时候就需要设置一波全局变量和全局函数,这两个设置不太难,而且有一 ...
【2】Vue项目引用Element UI（饿了么框架）菜单导航条初期配置
首先要理解Vue项目加载顺序: index.html → main.js → App.vue → nav.json→ routes.js → page1.vue index.html建议加入样式 &l ...
maven 依赖公司另一项目中的对象，对象里的部分属性set值报错not found
背景项目A依赖项目B(B是公司自己开发的另一个项目),在install 时,报错.根据错误日志发现:项目A有一个依赖项目B的对象,属性在set值时一直报错,not found,其他属性都可以set. ...
vue 项目中自定义过滤器全局使用 filter
新建filter文件 src目录下新建filters目录,filters目录里新建index.js文件 exports.formatMoney = (value) => {if (value) ...
Vue中使用ES6的三点运算符（扩展运算符）报错解决
我这里是使用的...mapGetters({ getMenuAndMenuItem })出错的 1.引入babel依赖 npm install babel-plugin-transform-objec ...
python 中引入lxml：from lxml import etree报错解决
编译器:pycharm(解释器:python3.6) 转载地址:https://www.jianshu.com/p/45e7c3dc2dbd 问题:在练习爬虫时,需要使用到lxml包中的etree模块 ...
IDEA中注释@param 参数名称不存在时，飘红报错解决
错误 IDEA中注释飘红开发工具 IntelliJ IDEA 2018.3.5(Ultimate Edition)版本 Mac jdk8 影响结果代码美观,强迫症受不了有网友提到会造成项目启动不 ...
Eclipse中JDK从1.8换到1.7程序运行报错解决
从1.8换到1.7之后的截图为: 然而,直接去运行程序后,发现报错.报错内容如下:Unsupported major.minor version 52.0 Exception in thread &q ...
PS2018使用过程中出现“要求96和8之间的整数”弹出报错解决办法。
报错截图如下: 原因是电脑内存不足,我们在安装PS CC2018时先查看一下电脑默认运行内存是多少.具体查看办法如下. 首先右键桌面"此电脑"----点击"属性" ...
如何在vue项目中使用Highmaps(vue+Highmaps)
如何在vue项目中使用Highmaps 功能需求思路分析实现第一步:引入第二步:介绍一下这个world是个啥. 第三步:调用注意点(十分重要) 写在最后功能需求近日我接到了这么一个需求 ...

vue项目中element-ui全局引入按需引入按需引入报错解决

全局引入

按需引入

vue项目中element-ui全局引入按需引入按需引入报错解决相关推荐

最新文章

热门文章