找不到模块CSS加载器，而这样做NG构建-prod与[email protected]

Question

我有以下的package.json配置

"dependencies": { 
"@angular/common": "2.2.1", 
"@angular/compiler": "2.2.1", 
"@angular/core": "2.2.1", 
"@angular/forms": "2.2.1", 
"@angular/http": "2.2.1", 
"@angular/platform-browser": "2.2.1", 
"@angular/platform-browser-dynamic": "2.2.1", 
"@angular/router": "3.2.1", 
"@angular2-material/button": "^2.0.0-alpha.8-2", 
"@angular2-material/button-toggle": "^2.0.0-alpha.8-2", 
"@angular2-material/card": "^2.0.0-alpha.8-2", 
"@angular2-material/checkbox": "^2.0.0-alpha.8-2", 
"@angular2-material/core": "^2.0.0-alpha.8-2", 
"@angular2-material/grid-list": "^2.0.0-alpha.8-2", 
"@angular2-material/icon": "^2.0.0-alpha.8-2", 
"@angular2-material/input": "^2.0.0-alpha.8-2", 
"@angular2-material/list": "^2.0.0-alpha.8-2", 
"@angular2-material/menu": "^2.0.0-alpha.8-2", 
"@angular2-material/progress-bar": "^2.0.0-alpha.8-2", 
"@angular2-material/progress-circle": "^2.0.0-alpha.8-2", 
"@angular2-material/radio": "^2.0.0-alpha.8-2", 
"@angular2-material/sidenav": "^2.0.0-alpha.8-2", 
"@angular2-material/slide-toggle": "^2.0.0-alpha.8-2", 
"@angular2-material/slider": "^2.0.0-alpha.8-2", 
"@angular2-material/tabs": "^2.0.0-alpha.8-2", 
"@angular2-material/toolbar": "^2.0.0-alpha.8-2", 
"@angular2-material/tooltip": "^2.0.0-alpha.8-2", 
"ng2-material-dropdown":"0.5.4", 
"ng2-toasty": "^2.2.2", 
"@types/hammerjs": "^2.0.30", 
"angular2-cookie": "1.2.3", 
"angular2-material-datepicker": "^0.5.0", 
"angulartics2": "^1.1.9", 
"core-js": "^2.4.1", 
"d3": "^4.3.0", 
"es6-shim": "0.35.1", 
"ng2-datetime-picker": "^0.11.3", 
"ng2-tag-input": "0.6.0", 
"ng2-auto-complete":"0.8.2", 
"reflect-metadata": "0.1.3", 
"rickshaw": "^1.6.0", 
"rxjs": "5.0.0-beta.12", 
"ts-helpers": "^1.1.1", 
"zone.js": "^0.6.23", 
"ng2-file-upload": "^1.1.4-2", 
"angular2-color-picker": "^1.3.0", 
"@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.16" 
    }, 
    "devDependencies": { 
"@types/jasmine": "^2.2.30", 
"angular-cli": "1.0.0-beta.21", 
"codelyzer": "~0.0.26", 
"jasmine-core": "2.4.1", 
"jasmine-spec-reporter": "2.5.0", 
"karma": "1.2.0", 
"karma-chrome-launcher": "^2.0.0", 
"karma-cli": "^1.0.1", 
"karma-jasmine": "^1.0.2", 
"karma-remap-istanbul": "^0.2.1", 
"protractor": "4.0.5", 
"ts-node": "1.2.1", 
"tslint": "3.13.0", 
"typescript": "2.0.2", 
"typings": "1.3.1" 

}

ng build -prod工作正常但是突然间相同的配置提供了以下错误

ERROR in ./src/styles.css 
Module build failed: Error: Cannot find module '/Volumes/DATA/new- clone-test/nbw/node_modules/css-loader/index.js?sourcemap&minimize' 
at Function.Module._resolveFilename (module.js:440:15) 
at Function.Module._load (module.js:388:25) 
at Module.require (module.js:468:17) 
at require (internal/module.js:20:19) 
at loadLoader (/Volumes/DATA/new-clone-test/nbw/node_modules/loader-runner/lib/loadLoader.js:13:17) 

我不知道是什么原因导致这个问题。任何帮助都感激不尽。

Answer 1

我有和你一样的问题。作为一个临时解决方案，我改为'ng build --dev'。使用这个命令，加载程序使用webpack-build-development.js代替webpack-build-production.js，并获得'css-loader？sourcemap'而不是'css-loader？sourcemap & minimize'。

Answer 2

从今天开始有同样的问题。

我找到的解决方案是将package.json文件中的angular-cli依赖项更改为“1.0.0-beta.19-3”，然后重新安装npm包。

{ 
    "devDependencies": { 
     ... 
     "angular-cli": "1.0.0-beta.19-3", 
     ... 
     } 
} 

希望这有助于！

Answer 3

感谢Florinache！

降级为angular-cli“1.0.0-beta.19-3”适用于我。我从今天同样的问题在我的所有项目......

{ 
    "devDependencies": { 
     ... 
     "angular-cli": "1.0.0-beta.19-3", 
     ... 
    } 
} 

Answer 4

看起来extract-text-webpack-plugin升级到RC， 尝试重写提取物，文本的WebPack插件版本为“2.0.0-β .4“在你的package.json中。

Answer 5

mkishorem是对的。

我也得到了同样的错误，并在添加的package.json覆盖码 像下面

"devDependencies": { 
"extract-text-webpack-plugin": "2.0.0-beta.5" 
} 

无需降级到角CLI的所有修复。

Answer 6

更新到@ angular/* 2.3.1版本