vue-cli搭建的项目引入.css文件报错
来源:互联网 发布:北京入职体检费用 知乎 编辑:程序博客网 时间:2024/05/25 21:35
Module build failed: ParseError: E:\Demo\vuedemo\myvuedemo\node_modules\swiper\dist\css\swiper.css:4:96 1| // style-loader: Adds some css to the DOM by adding a <style> tag 2| 3| // load the styles 4| var content = require("!!../../../css-loader/index.js?{\"minimize\":false,\"sourceMap\":false}!./swiper.css");-----------------------------------------------------------------------------------------------------^ 5| if(typeof content === 'string') content = [[module.id, content, '']]; 6| if(content.locals) module.exports = content.locals; 7| // add the styles to the DOMexpected "indent", got "!" at Parser.error (E:\Demo\vuedemo\myvuedemo\node_modules\stylus\lib\parser.js:259:11) at Parser.expect (E:\Demo\vuedemo\myvuedemo\node_modules\stylus\lib\parser.js:287:12) at Parser.block (E:\Demo\vuedemo\myvuedemo\node_modules\stylus\lib\parser.js:845:12) at Parser.selector (E:\Demo\vuedemo\myvuedemo\node_modules\stylus\lib\parser.js:1555:24) at Parser.ident (E:\Demo\vuedemo\myvuedemo\node_modules\stylus\lib\parser.js:1446:25) at Parser.stmt (E:\Demo\vuedemo\myvuedemo\node_modules\stylus\lib\parser.js:778:26) at Parser.statement (E:\Demo\vuedemo\myvuedemo\node_modules\stylus\lib\parser.js:685:21) at Parser.parse (E:\Demo\vuedemo\myvuedemo\node_modules\stylus\lib\parser.js:236:25) at Renderer.render (E:\Demo\vuedemo\myvuedemo\node_modules\stylus\lib\renderer.js:80:22) at E:\Demo\vuedemo\myvuedemo\node_modules\stylus-loader\index.js:165:12 at tryCatchReject (E:\Demo\vuedemo\myvuedemo\node_modules\when\lib\makePromise.js:840:30) at runContinuation1 (E:\Demo\vuedemo\myvuedemo\node_modules\when\lib\makePromise.js:799:4) at Fulfilled.when (E:\Demo\vuedemo\myvuedemo\node_modules\when\lib\makePromise.js:590:4) at Pending.run (E:\Demo\vuedemo\myvuedemo\node_modules\when\lib\makePromise.js:481:13) at Scheduler._drain (E:\Demo\vuedemo\myvuedemo\node_modules\when\lib\Scheduler.js:62:19) at Scheduler.drain (E:\Demo\vuedemo\myvuedemo\node_modules\when\lib\Scheduler.js:27:9) @ ./~/swiper/dist/css/swiper.css 4:14-174 18:2-22:4 19:20-180 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-awesome-swiper/swiper.vue @ ./~/vue-awesome-swiper/swiper.vue @ ./~/vue-awesome-swiper/index.js @ ./src/main.js @ multi ./build/dev-client ./src/main.js
我是引入swiper插件的时候报的错,找了好多资料没查到原因。最后有人让看看webpack.base.conf.js文件下的 {
test:/\.css$/,
loader:'style-loader!css-loader!stylus-loader'
//下面没include:属性
}
在下面添上
include: [
/src/,
。。。。
]
可以了
include:是代表我们解析的文件只包含那些东西
include: [] 这里用一个数组来包括的要解析的文件夹路径
{ test:/\.css$/, loader:'style-loader!css-loader!stylus-loader', include: [ /src/,//在src目录下的css需要编译 '/node_modules/swiper/dist/css'//增加swiper目录 ]}
神奇的在下面 {
test:/\.css$/,
loader:'style-loader!css-loader!stylus-loader',
include: []
}
哪怕include: []为空,都行。。。
希望哪位大神看到解释下,问题解决了,但没找到原理。谢谢!!
阅读全文
7 0
- vue-cli搭建的项目引入.css文件报错
- 用Vue-cli搭建的项目中引入css报错的原因
- (vue.js)vue-cli构建,scss文件引入本地css意外报错
- vue-cli项目引入assets里的css样式出错
- vue2.0 使用vue-cli搭建的项目如何在index.html里引入静态css和js
- Vue-cli项目中引入外部/第三方css/js/less文件具体步骤
- Vue-cli单文件组件引入less、sass、css样式的不同方法
- vue-cli搭建项目
- vue-cli 项目搭建
- vue-cli搭建项目
- Vue.js项目引入less文件报错解决
- vue-cli搭建vue项目
- Vue-cli搭建项目遇到的问题
- vue-cli的使用(快速搭建项目)
- webpack + vue-cli 搭建 vue 项目的流程
- vue-cli的搭建
- vue 的 vue-cli引入jq
- 使用 vue-cli 搭建项目
- C# 变量类型,变量转换,四则运算
- Kafka 设计与原理详解
- 【中英对照】C++ gcc编译器常见编译错误表
- 二分图——洛谷P2055 [ZJOI2009]假期的宿舍
- SATD的计算及代码实现
- vue-cli搭建的项目引入.css文件报错
- hdu 2563 -统计问题 【递推关系】
- Oracle Case When 及 Select Case When 的用法
- 垂直广告条,垂直轮播效果,仿照淘宝的纵向滚动实现
- Linux串口(serial、uart)驱动程序设计
- linux服务之postfix
- ORA-01031:权限不足
- QT学习笔记(2)
- 接口的应用之代码布局