Webpack ExtractTextPlugin可以';在Ubuntu上找不到css加载程序模块
我在使用ExtractTextPlugin和css加载器打包css文件时遇到了一个问题。以下是我的配置部分:Webpack ExtractTextPlugin可以';在Ubuntu上找不到css加载程序模块,webpack,webpack-dev-server,css-loader,extract-text-plugin,Webpack,Webpack Dev Server,Css Loader,Extract Text Plugin,我在使用ExtractTextPlugin和css加载器打包css文件时遇到了一个问题。以下是我的配置部分: plugins: [ ... new ExtractTextPlugin("[name].css") ], module: { loaders: [ ... { test: /\.css$/, loader: ExtractTextPlugin.extract("style", "cs
plugins: [
...
new ExtractTextPlugin("[name].css")
],
module: {
loaders: [
...
{
test: /\.css$/,
loader: ExtractTextPlugin.extract("style", "css")
},
{
test: /\.less$/,
loader: ExtractTextPlugin.extract("style", "css!less")
}
...
],
noParse: []
}
当我试图编译我的源代码时,会出现错误:
ERROR in ./~/angular-bootstrap-datetimepicker/src/css/datetimepicker.css
Module build failed: Error: Cannot find module '../../../css-loader/lib/css-base.js'
//OTHER ERRORS WITH ALL CSS FILES
ERROR in ./~/datatables/media/css/jquery.dataTables.css
Module build failed: Error: Cannot find module '../../../css-loader/lib/css-base.js'
...
[363] ./~/jquery-ui/themes/base/all.css 865 bytes {1} [built] [failed]
[364] ./~/bootstrap/dist/css/bootstrap.css 883 bytes {1} [built] [failed]
[365] ./~/datatables/media/css/jquery.dataTables.css 907 bytes {1} [built] [failed]
[366] ./~/angular-datatables/dist/css/angular-datatables.css 910 bytes {1} [built] [failed]
[367] ./~/angular-bootstrap-datetimepicker/src/css/datetimepicker.css 898 bytes {1} [built] [failed]
[368] ./~/highcharts/css/highcharts.css 874 bytes {1} [built] [failed]
换句话说,它找不到css加载程序模块。我的devdependency
部分来自package.json
:
"css-loader": "^0.25.0",
"exports-loader": "^0.6.3",
"extract-text-webpack-plugin": "^1.0.1",
"less": "^2.7.1",
"less-loader": "^2.2.3",
"style-loader": "^0.13.1",
"webpack": "1.13.3",
"webpack-dev-server": "1.16.2"
还有一件有趣的事,这个配置在Windows上运行得很好,但我正试图在Ubuntu上运行它并得到这些错误。有人能帮我吗
/~/datatables/media/css/jquery.datatables.css
。~
字符是否出现在窗口中?从我所看到的,Webpack
正在尝试查找当前目录中(我怀疑)不存在的Home
文件夹(~
文件夹)。感谢您的回复!我现在无法在Windows上运行它。我正在Ubuntu上工作。也许你可以尝试在你的项目中搜索文件datetimepicker.css
,打开它并搜索cssbase.js
文本。然后尝试用绝对路径替换相对路径,看看错误是否消失。这是为了调试目的,请记住将其更改回。所有这些模块都位于“节点模块”中。然后您应该在节点模块中搜索。整个要点是检查两个第三方模块angular bootstrap datetimepicker
和datatables.net
是否导致问题。也许他们的作者没有针对Ubuntu测试他们的模块。