ERROR in ./src/css/main.css Module build failed: Unknown word (5:1)
2017-07-04 11:49
691 查看
在webpack中运行npm run webpack,报了一下错误:
ERROR in ./src/css/main.css
Module build failed: Unknown word (5:1)
3 | // load the styles
4 | var content = require("!!./main.css");
> 5 | if(typeof content === 'string') content = [[module.id, content, '']];
| ^
6 | // Prepare cssTransformation
7 | var transform;
8 |
@ ./src/components/layer/layer.js 7:0-29
@ ./src/app.js
经过查阅资料和自己对css-loader和style-loader的配置才发现,其实css-loader和style-loader在配置文件中的书写顺序是有问题的,我们都知道css-loader会遍历所有的css文件,找到所有的url(...)并进行处理,style-loader则是把所有的样式插入到页面的style标签里面,因此,这个顺序是先加载css-loader再加载style-loader,但是在webpack.config.js文件里面,loader的解析是逆序的,因此要把style-loader写在css-loader的前面;
出错误:
{
test:/\.css$/,
use:[
'css-loader','style-loader'
]
}正确:
{
test:/\.css$/,
use:[
'style-loader','css-loader'
]
}
ERROR in ./src/css/main.css
Module build failed: Unknown word (5:1)
3 | // load the styles
4 | var content = require("!!./main.css");
> 5 | if(typeof content === 'string') content = [[module.id, content, '']];
| ^
6 | // Prepare cssTransformation
7 | var transform;
8 |
@ ./src/components/layer/layer.js 7:0-29
@ ./src/app.js
经过查阅资料和自己对css-loader和style-loader的配置才发现,其实css-loader和style-loader在配置文件中的书写顺序是有问题的,我们都知道css-loader会遍历所有的css文件,找到所有的url(...)并进行处理,style-loader则是把所有的样式插入到页面的style标签里面,因此,这个顺序是先加载css-loader再加载style-loader,但是在webpack.config.js文件里面,loader的解析是逆序的,因此要把style-loader写在css-loader的前面;
出错误:
{
test:/\.css$/,
use:[
'css-loader','style-loader'
]
}正确:
{
test:/\.css$/,
use:[
'style-loader','css-loader'
]
}
相关文章推荐
- webpack ERROR in ( your module path) Module build failed: Unknown word
- Vue使用Typescript开发编译时提示“ERROR in ./src/main.ts Module build failed: TypeError: Cannot read property '
- npm 报错 Module build failed: Error: No PostCSS Config found in:
- Vue+Webpack配置css-loader时报错:Module build failed: Unknown word
- ng build --prod ERROR in ./src/main.ts Module not found: Error: Can't resolve './$$_gendi*ngfactory'
- webpack---Error in app.js ;Module build failed :SyntaxError ../app.js : unpexted token <7:8> 对'<'报错
- webstorm 打包angular Module build failed: Error: No PostCSS Config found
- Angular引入node_modules里面的css文件出错Module build failed:TypeError:URL.startsWith is not a function
- 报错:OpenCV Error: Assertion failed (src.size() == dst.size() && src.type() == dst.ty pe()) in unknown function, file ..……
- opencv error:assertion failed<src.cols>0&&src.rows>0>in unknown function
- Project ERROR: Unknown module(s) in QT: qml quick
- 解决 Project ERROR: Unknown module(s) in QT: script
- Error: failed to find a main class in
- Module build failed: SyntaxError: E:/wp+rc/try/src/index.js: Unexpected token
- 关于 Module build failed: ReferenceError: Promise is not defined 错误
- [原]openstack-kilo--issue(十九) ImportError: Could not import settings 'openstack_dashboard.settings' (Is it on sys.path? Is there an import error in the settings file?): No module named main
- Module build failed: Error: Cannot find module 'node-sass'
- insmod: error inserting './scull.ko': -1 Unknown symbol in module
- junit.framework.AssertionFailedError: No tests found in com.hyh.test.MainTest