Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack ExtractTextPlugin可以';在Ubuntu上找不到css加载程序模块_Webpack_Webpack Dev Server_Css Loader_Extract Text Plugin - Fatal编程技术网

Webpack ExtractTextPlugin可以';在Ubuntu上找不到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

我在使用ExtractTextPlugin和css加载器打包css文件时遇到了一个问题。以下是我的配置部分:

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测试他们的模块。