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的版本

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

mint ui css覆盖,vue中配置mint-ui报css错误问题的解决方法相关推荐

lol服务器显示未知错误,电脑中玩LOL游戏出现未知错误提示的解决方法
‍ 英雄联盟,也就是LOL,是现在热门的游戏之一,很多用户会在电脑中玩LOL.如果遇到了电脑玩LOL出现未知错误提示的问题,应该怎么解决?当遇到这样的问题时,不妨参考下面介绍的几种解决方法. 1.打开 ...
【Vue】Vue中的data数据包含html标签元素的解决方法
通过:v-html,html代码: <div v-html="cont"></div> vue中data数据: cont: "<a href ...
windows中Oracle服务连接不上错误排查及解决方法-实用
windows下Oracle连接不上问题排查思路外部连接工具plsql,Navicat无法访问oracle数据库服务的排查思路查看所访问oracle服务的所在服务器能否ping通,oracle服务 ...
计算机中丢失storm.d,WIN7更新错误8024200D的解决方法
在论坛看到有人说更新windows 7时报错,"代码8024200D Windows Update遇到未知错误".自己以前也有遇到过,如Win7 SP1发布时,当时的做法是重新下载 ...
Vue中引入swiper插件报错：To install it, you can run: npm install --save swiper/css/swiper.css
Vue中引入swiper插件报错:To install it, you can run: npm install --save swiper/css/swiper.css 今天在写项目的时候用到了Sw ...
vue中集成的ui组件库_Vue组件可使用Vault Flow通过Braintree集成PayPal付款
vue中集成的ui组件库 Vue Braintree PayPal按钮 (Vue Braintree PayPal button) Vue component to integrate PayPal ...
JPA 不在 persistence.xml 文件中配置每个Entity实体类的2种解决办法
原文地址:http://www.cnblogs.com/taven/p/3351841.html JPA 不在 persistence.xml 文件中配置每个Entity实体类的2种解决办法在Spr ...
ArchLinux(2013)中的网络配置和静态IP时DNS刷新的解决方法
ArchLinux(2013)中的网络配置和静态IP时DNS刷新的解决方法参考文章: (1)ArchLinux(2013)中的网络配置和静态IP时DNS刷新的解决方法 (2)https://www. ...
html行高设置失效,科技常识：关于css中line-height(行高)设置无效的问题的解决方法...
今天小编跟大家讲解下有关关于css中line-height(行高)设置无效的问题的解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关关于css中line-height(行高)设置无效 ...
关于在VUE中使用sass loader报错的问题
关于在VUE中使用sass loader报错的问题一般是关于依赖问题因为npm的跨境问题导致很多包下载断点,故使用淘宝镜像方可解决问题.能处理百分之七十的问题关于webpack问题可能由于we ...

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

mint ui css覆盖,vue中配置mint-ui报css错误问题的解决方法相关推荐

最新文章

热门文章