Entry module not found: Error: [CaseSensitivePathsPlugin]

[richkeenan]

Hi folks,

I'm getting a compilation error after following the tutorial and running npm start inside my-app.

Html Webpack Plugin:
  Error: Child compilation failed:
  Entry module not found: Error: [CaseSensitivePathsPlugin] `C:\users\myuser\pr  ojects\create-react-app\my-app\index.html` does not match the corresponding pa  th on disk `Projects`.:
  Error: [CaseSensitivePathsPlugin] `C:\users\myuser\projects\create-react-app\  my-app\index.html` does not match the corresponding path on disk `Projects`.

There's some really suspicious whitespace in the middle of the path, not sure if relevant.

Environment:
Windows 10
Node version 6.4.0
npm version 3.10.7
project path, C:/Users/myuser/Projects/create-react-app/my-app (The Projects directory has a capital P which could be relevant)

[richkeenan]

OK, so if I create the app inside a different directory that's all lower case it works fine 😄

Not sure if I should close this, or leave it open - thoughts?

[gaearon]

I think it’s better to create the project inside another directory. The watcher can get tripped by some special directories, and doesn’t detect the changes inside them. I added the plugin to warn in such cases.

[gaearon]

That said the error message is very funny (“child compilation failed”, wat).
We should figure out a way to display a nicer error message for this.

[richkeenan]

Not sure what you mean by 'special directory' but I just created in my regular directory that I have all my git projects in. Just happens to start with a capital P.

[gaearon]

Can you reliably reproduce this with any folder that starts with a capital letter on Windows?
Maybe it’s case-sensitive-paths-webpack-plugin that needs a fix then.

cc @Urthen for thoughts/discussion

[Urthen]

@richkeenan Is there any reference to the 'Projects' directory as lower case in your project? The case-sensitive-paths-webpack-plugin is supposed to only detect when you inadvertently use the wrong case on an import, but without seeing your code, I couldn't say for sure where it is coming from.

[Urthen]

Looking through the code a little bit. "Child compilation failed" comes from html-webpack-plugin itself. The errant spacing looks like it's just an oddity between the console and what appears in the browser - a space appears whenever there is a line break in the console. I'm only able to reproduce the "bug" on my machine if I deliberately change what is in paths.js to a differently-cased filename, for example Index.html. Something, somewhere, must be requesting the improperly-cased path name. Only thing I could think of is oddities with path.resolve in Windows causing it to return the wrong case?

I don't myself develop with create-react-app nor Windows, sorry I can't be more help.

[gaearon]

Only thing I could think of is oddities with path.resolve in Windows causing it to return the wrong case?

That’s what I’m thinking. (Maybe it always lowercases?)