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

时间：2017.10.24 发布人：**em953lau

已解决问题

谷歌**em953lau用户在2017.10.24提交了关于“大鱼吃小鱼vue中配置mint-ui报css错误问题的解决方法”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-03-19T08:06:16。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，没有什么华丽的语言,但是我对你的感谢不会减少！

希望以下的回答，能够帮助你。

用户名：wodfsdfeeg66 时间：2017.10.25

在v来自ue2.0中引入了mi问答nt-ui后总是报一个css的错误

但是package.json中已经配置了css-loaderstyle-loader，webpack.config中也已经配置了css，还是报孙通布拉铁坚只独销打商这个错误，相反，如果把webpack.config中css的配置注释掉就不会出错，这是为什么呢？

因为在webpack.config中没有设置好css引入的目录，因为默认情况下我们只会引入/src/目录下的css，但是min乙裂t-ui是要冲node_mo初体月走杨迫易实机照长**les目录去引入的，所以在webpack.c比样占众章onfig中css的配置中啊维火降害计督毫正加入一项

{test:/\.css$/,include:[/src/,'/n责细著升体早说ode_mo**les/mint-ui/响附热lib/'//增加此项],loader:"style!css"},

当然，.b秋误规章花统李差搞abelrc中要配置成这样的：

{"presets":["es2015","stage-0"],"plugins":[["component",[{"libra喜武赶ryName":"mi毛附核输危nt-ui","style点齐":true}]进祖]]}

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

webpack.config中要配置完整：

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

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

注:webpack.config的配置要根据webpack的版本密互培蛋少超口脱，不同的版本配置方法不一样,我这里使用的是webpack1.黑草0的版本

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