Css-loader: Module not found: Error: Cannot resolve 'file' or 'directory' ./../../../node_modules/css-loader/index.js

[PeterMK85]

New to webpack but after several tries I can't manage css-loader to work.

For example I want to use, this example:
https://github.com/ShMcK/WebpackAngularDemos/tree/master/Part3

And after try to run webpack I receive several errors, related to css-loader & style-loader, every other loader seems to be working fine.

ERROR in ./core/nav/nav.scss
Module not found: Error: Cannot resolve 'file' or 'directory' ./../../../node_modules/css-loader/index.js in C:\xampp\htdocs\webpack/app\core\nav
@ ./core/nav/nav.scss 4:14-126 13:2-17:4 14:20-132

Enviroment:

• Tested on two separate environments:
• Windows 10Pro & 8.1 Pro
• npm 3.3.10
• node 4.2.1

[Duan112358]

I also has this issues

[BelirafoN]

I also has this issues

Enviroment:
Windows 10Pro
npm 2.14.7
node 4.2.3

[cpannwitz]

Same issues for me.
https://github.com/opendivision/React-ES6-Boilerplate

Tried "--save", "--save-dev", but no change.

[salexch]

change
var APP = __dirname + '/app';
to
var APP = path.resolve(__dirname, 'app')

from: https://github.com/webpack/webpack/issues/1396

[PaulDapolito]

I am experiencing the same issues:

Windows 10 Pro
npm 2.14.12
node 4.3.0

[bharatpatil]

For me in Windows 8.1 inside webpack.config.js after doing following change solved issue above:
context: path.resolve(__dirname, 'app')

[vitalikpi]

@bharatpatil Thank you, this works for me.
I have windows environment.

[L3V147H4N]

:+1:

[pre1ude]

@bharatpatil Thank you, this works for me.