vue中配置mint-ui报css错误的问题
2017-01-22 15:43
555 查看
在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的配置中加入一项
当然,. babelrc中要配置成这样的:
要确保es6转义成es5的插件都已经安装,
webpack.config中要配置完整:
如果webpack.config中没有配置presets:[‘es2015’],的话会报一个import的错误:
这个错误就是因为es6的语法转义失败造成的
注:webpack.config的配置要根据webpack的版本,不同的版本配置方法不一样,我这里使用的是webpack1.0的版本
但是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错误问题的解决方法
- vue2.0之Mint-UI配置填坑
- 解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
- vuejs+mint-ui小问题集
- Struts配置连接池错误解决问题及实例【配置连接池错误解决问题】
- Struts配置连接池错误解决问题及实例
- DuDu,帮我看一下我在IIS6.0上配置博客园的扩展名映射时怎么会出现“错误的扩展名格式”的问题?
- Apache的配置文件语法错误,问题所在?怎么修改?
- 使用Ajax.net遇到的问题-使用会话时提示错误"只有在配置文件或 Page 指令中将启用会话状态设置为真时,才可以使用会话状态
- Oracle tns配置的6种常见错误解决问题
- Windows 正在配置 Microsoft Office Professional Edition 2003,请稍候 错误修改后的问题
- Struts配置连接池错误解决问题
- 解决在IIS7.0上部署ASP.NET1.1站点时【“/”应用程序中的服务器错误。无法识别的配置节“system.webServer”】的问题
- 关于windbg调试符号表配置路径错误的问题探讨
- CSS基础:最容易引起错误的十个问题与技巧
- 关于“编译器错误消息: CS0433: 类型“ASP.ui_announcedatalist_ascx”同时存在于.....”问题
- 一个小配置错误引起的大问题
- Struts配置连接池错误解决问题
- 转贴-问题:如果在IIS中没有将虚拟目录配置为应用程序,则可能导致此错误