Fix: There are multiple modules with names that only differ in casing?

Question

React

When compiling, I get a warning:
WARNING in ./src/Interface/User/SignIn/Index.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* c:\frontend\node_modules\babel-loader\lib\index.js!c:\frontend\node_modules\eslint-loader\index.js!c:\frontend\src\User\SignIn\Index .js
Used by 29 module(s), ie
c:\frontend\node_modules\babel-loader\lib\index.js!c:\frontend\node_modules\eslint-loader\index.js!c:\frontend\src\ Header\Index.js
* c:\frontend\node_modules\babel-loader\lib\index.js!c:\frontend\node_modules\eslint-loader\index.js!c:\frontend\src\User\SignIn\index.js
Used by 2 module(s), ie
c:\frontend\node_modules\babel-loader\lib\index.js!c:\frontend\node_modules\eslint-loader\index.js!c:\frontend\src\Forms\CreateProject\Index .js
@ ./src/Interface/User/SignIn/Index.js
@ ./src/Interface/Header/Index.js
@ ./src/Pages/App/Index.js
@ ./src/index.js
I do understood - this is due to the fact that some files are index, others are Index. How to fix this error without renaming the files?

Answer 1

1. Rename all index files to index.jslowercase.
2. Keep case in paths when importing.