angular-cli: ng build --prod: Cannot find module css-loader/index.js?sourcemap&minimize

Can anyone from angular-cli DEV community please comment if there are any plans for this to be fixed on the newer version so that we don’t have to use this hack with older version? I see the same issue happening even with “@angular/cli”: “1.0.0-beta.29”. Is this already fixed with https://github.com/angular/angular-cli/pull/4435 ? I also see something relevant at http://stackoverflow.com/questions/42076879/fallbackloader-option-has-been-deprecated-replace-with-fallback

extract-text-webpack-plugin is upgraded to 2.0.0-rc.2. just add “extract-text-webpack-plugin”: “2.0.0-beta.5” works for me. Thanks!

https://www.npmjs.com/package/@angular/cli

npm uninstall -g angular-cli
npm cache clear
npm install -g @angular/cli@latest

after “double” npm install I’ve got nprm error UNMET DEPENDENCIES.

I fixed all dependencies by specifying these dependencies explicitly:

{
        "@ngtools/webpack": "1.1.5",
        "extract-text-webpack-plugin": "2.0.0-beta.5",
        "webpack": "2.1.0-beta.25",
        "loader-runner": "2.2.0",
        "tsickle": "0.2.4",
        "source-map-support": "0.4.10"
}

most important are extract-text-webpack-plugin and webpack itself

Note: I’ve digged these dependencies from cli-beta.21

With @angular/cli: 1.0.0-rc.1, I see this is now fixed. Just create a new project out of RC1 version and try to use the generated package.json and it should work. Pasted my package.json below and this works now. I dont see the issue anymore. I was referring https://github.com/angular/angular-cli/pull/4435 and understood that they have taken care of this in beta 31 fix itself.

“dependencies”: { “@angular/common”: “^2.4.0”, “@angular/compiler”: “^2.4.0”, “@angular/core”: “^2.4.0”, “@angular/forms”: “^2.4.0”, “@angular/http”: “^2.4.0”, “@angular/platform-browser”: “^2.4.0”, “@angular/platform-browser-dynamic”: “^2.4.0”, “@angular/router”: “^3.4.0”, “core-js”: “^2.4.1”, “rxjs”: “^5.1.0”, “zone.js”: “^0.7.6” }, “devDependencies”: { “@angular/cli”: “1.0.0-rc.1”, “@angular/compiler-cli”: “^2.4.0”, “@types/jasmine”: “2.5.38”, “@types/node”: “~6.0.60”, “codelyzer”: “~2.0.0”, “jasmine-core”: “~2.5.2”, “jasmine-spec-reporter”: “~3.2.0”, “karma”: “~1.4.1”, “karma-chrome-launcher”: “~2.0.0”, “karma-cli”: “~1.0.1”, “karma-jasmine”: “~1.1.0”, “karma-jasmine-html-reporter”: “^0.2.2”, “karma-coverage-istanbul-reporter”: “^0.2.0”, “protractor”: “~5.1.0”, “ts-node”: “~2.0.0”, “tslint”: “~4.4.2”, “typescript”: “~2.0.0” }

All the solutions above doesn’t work for me. I added

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

But 2.0.0-rc.3 still be installed.

peerDependencies WARNING [extract-text-webpack-plugin@2.0.0-rc.3] in /var/jenkins_home/workspace/xxx-dev/xxx-web2-pipeline/node_modules/.2.0.0-rc.3@extract-text-webpack-plugin requires a peer of webpack@^2.2.0 but webpack@2.1.0-beta.25 was installed

ls -la node_modules/|grep extract
drwxr-xr-x    4 root root     4096 Feb  6 06:43 .1.0.1@postcss-modules-extract-imports
drwxr-xr-x    3 root root     4096 Feb  6 06:43 .2.0.0-beta.5@extract-text-webpack-plugin
drwxr-xr-x    5 root root     4096 Feb  6 06:43 .2.0.0-rc.3@extract-text-webpack-plugin
lrwxrwxrwx    1 root root       41 Feb  6 06:43 extract-text-webpack-plugin -> .2.0.0-beta.5@extract-text-webpack-plugin
lrwxrwxrwx    1 root root       38 Feb  6 06:43 postcss-modules-extract-imports -> .1.0.1@postcss-modules-extract-imports

After I run

rm -rf node_modules/.2.0.0-rc.3@extract-text-webpack-plugin

And re-build production again, it works.

node version: 6.2.0 npm version: 3.8.9

The fix suggested above didn’t work for me on 1.0.0-beta.21, I continue to see the following

cannot find module css-loader