当前位置:首页 > 日记 > 正文

vue中配置mint-ui报css错误问题的解决方法

vue中配置mint-ui报css错误问题的解决方法

在vue2.0中引入了mint-ui后总是报一个css的错误

但是package.json中已经配置了css-loader style-loader ,webpack.config中也已经配置了css,还是报这个错误,相反,如果把webpack.config中css的配置注释掉就不会出错,这是为什么呢?

因为 在webpack.config中没有设置好css引入的目录,因为默认情况下我们只会引入/src/目录下的css, 但是mint-ui是要冲node_modules目录去引入的,所以在webpack.config中css的配置中加入一项

{    test: /\.css$/,    include: [     /src/,     '/node_modules/mint-ui/lib/'  //增加此项    ],    loader: "style!css"   },

当然,. babelrc中要配置成这样的:

{ "presets": [    "es2015","stage-0"    ], "plugins": [  ["component", [   {     "libraryName": "mint-ui",    "style": true    }  ]] ]}

要确保es6转义成es5的插件都已经安装,

webpack.config中要配置完整:

如果webpack.config中没有配置presets:[‘es2015'],的话会报一个import的错误:

这个错误就是因为es6的语法转义失败造成的

注:webpack.config的配置要根据webpack的版本,不同的版本配置方法不一样,我这里使用的是webpack1.0的版本

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

相关文章

PS怎么设计一个圆圆可爱的冰球表情

PS怎么设计一个圆圆可爱的冰球表情

冰球,表情,可爱,电脑软件,PS,想要设计一个圆形的冰球表情,夏天看冰冰的东西比较有食欲,该怎么设计呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11…

win10系统中CDRX6菜单变白色不显示

win10系统中CDRX6菜单变白色不显示

系统,显示,菜单,白色,电脑软件,相信很多同学安装了win10系统之后,你的 CDR 菜单栏就变了,变得没有任何内容,以白色显示,win10系统与CorelDRAW早期的版本兼容方面存在问题,(CorelDRAW x7/X8无此问题出现)。如果你还在使用CorelDRAW X6或更早版本的…

jquery+css实现简单的轮播效果

jquery+css实现简单的轮播效果

效果,简单,电脑软件,jquery,css,开发过程中需要用到图片轮播的插件,在网上找了几个插件之后还是决定自己码一个,比较简洁的功能,以后说不定还会有用。ps: 功能比较简单,整个框并不能根据图片的大小自动调节,这里所用的图片是1170*500的,如果需要改…

Word中进行2013版更改页面颜色的操

Word中进行2013版更改页面颜色的操

操作方法,颜色,页面,操作步骤,电脑软件,  word如何更改页面颜色是可以更改的,怎么该呢?今天,小编就教大家在Word中进行2013版更改页面颜色的操作方法。Word中进行2013版更改页面颜色的操作步骤打开word文档:选择设计菜单:找到页面颜色:选择你…

PHP从数组中删除元素的四种方法实

PHP从数组中删除元素的四种方法实

方法,删除元素,四种,组中,实例,茴香豆的“茴”字有四种写法,PHP从数组中删除元素也有四种方法 ^_^。删除一个元素,且保持原有索引不变使用 unset 函数,示例如下:<?php $array = array(0 => "a", 1 => "b", 2 => "c"); unset($array[1])…

ps中怎么设计带有纹理的3d立体字?

ps中怎么设计带有纹理的3d立体字?

立体字,纹理,3d,电脑软件,ps,刚下载了哥cs6,发现里面有3d功能,所有自己研究了一下。自己制作了哥3d立体字,感觉挺方便的,所有介绍给大家。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、打开ps,新建一个R…

Vue resource中的GET与POST请求的

Vue resource中的GET与POST请求的

实例代码,请求,电脑软件,Vue,resource,前言:vue-resource 使用比 jQuery 更加简洁的方式实现了异步请求功能,还提供了比如 interceptors 这样处理请求过程中行为的功能。下面介绍下vue-resource中常用的GET与POST请求使用与封装方法。访问 Gi…

微信指纹支付如何设置

微信指纹支付如何设置

支付,指纹,如何设置,电脑软件,  自微信升级版本以后,为大家带来了不少新功能,比如二维码收款、声音锁等。其实在支付方面也有新的突破,那就是很早以前传出的指纹支付。也就说除了支付宝、京东钱包以外,微信也加入了指纹支付的行列。本文将为…

Angularjs实现搜索关键字高亮显示

Angularjs实现搜索关键字高亮显示

显示效果,搜索关键字,电脑软件,Angularjs,高亮,需求分析:根据关键字搜索网页内容,并且高亮显示内容中的关键字细节分析: 1、每次执行搜索操作,需清空上一次结果2、需区分html标签和正常文本内容,否则为关键字添加样式以后会出现标签内容被显示…

在word2013中插入稿纸的方法步骤

在word2013中插入稿纸的方法步骤

方法,步骤,稿纸,方格,电脑软件,  编辑word文档时,有时需要插入半页稿纸,尤其是写作文时,前面写完作文要求之后,就需要在本页插入稿纸。那么怎么在word2013中插入稿纸呢?为此小编给你准备了插入稿纸的方法教程,希望对你有帮助!Word2013插入稿纸…

PHP实现的贪婪算法实例

PHP实现的贪婪算法实例

贪婪算法,实例,电脑软件,PHP,本文实例讲述了PHP实现的贪婪算法。分享给大家供大家参考,具体如下:背景介绍:贪婪算法与数据结构知识库算法可以说是离我们生活最近的一种算法,人总是贪婪的嘛,所以这种算法的设计是很符合人性的。之所以这么说,是因…

ps怎么选纸张颜色? ps模拟纸张颜色

ps怎么选纸张颜色? ps模拟纸张颜色

方法,模拟,纸张,颜色,电脑软件,ps模拟纸张颜色很方便,可以直接选择文件的样式里的模拟纸张颜色的选项,下面我们就来看看详细的教程。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、首先找到软件。2、…