vue中配置mint-ui报css错误问题的解决方法
2017-10-11 10:32
651 查看
在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的版本
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue中配置mint-ui报css错误的问题
- vue中配置mint-ui报css错误的问题
- Vue使用vux-ui自定义表单验证遇到的问题及解决方法
- Exchange 2010 添加DAG成员报静态地址配置错误问题解决方法
- 由于扩展配置问题而无法提供您请求的页面错误解决方法
- 解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
- 关于"xampp中mysql中配置问题:Unknown initial character set index '48' received from server错误解决方法"
- vue :src 文件路径错误问题的解决方法
- 在Vue项目中引入css出现问题解决方法
- 使用Vue.js加sass时遇到 Invalid CSS after ".xxx{": expected "}", was "{" 错误的解决方法
- UI控件问题和XCode编译警告和错误解决方法集锦 (持续更新ing)
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
- 由于扩展配置问题而无法提供您请求的页面错误解决方法
- 项目开发过程中的细节问题及解决方法(Vue,Css)(入门级)
- Div + Css 设计网页时浮动问题的解决方法
- 错误信息: 无法识别的配置节“connectionStrings”[解决方法]
- C/C++编译时的Link.EXE错误问题与解决方法
- IIS配置错误的解决方法(并比适用与所有的情况, 具体的还需要自己去摸索)。
- 重装SQL Server 2005遇到问题“性能监视器计数要求(错误)”的解决方法
- SQL Server安装问题:程序被挂起的错误解决方法