Webpack有多个模块，它们的名称只是大小写不同

Question

我有这样的东西：

WARNING in C:/Data/.../letsTest.jsx
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:\Data\...\node_modules\babel-loader\lib\index.js?presets[]=es2015&presets[]=react&presets[]=stage-0&presets[]=stage-2!C:\Data\...\letsTest.jsx
    Used by 4 module(s), i. e.
    multi C:/Data/Doc/13/13080801/LetsTest/letsTest.jsx
* C:\Data\...\node_modules\babel-loader\lib\index.js?presets[]=es2015&presets[]=react&presets[]=stage-0&presets[]=stage-2!c:\Data\...\letsTest.jsx
    Used by 1 module(s), i. e.
    C:\Data\...\node_modules\babel-loader\lib\index.js?presets[]=es2015&presets[]=react&presets[]=stage-0&presets[]=stage-2!C:\Data\...\r1HeadLearning.js           

问题出在哪里？

Answer 1

最终，我找到了答案。这是一个Windows的问题。有必要将C:\Data...\r1HeadLearning.js中的绝对路径从

c:\Data\...\letsTest.jsx

至

C:\Data\...\letsTest.jsx

Answer 2

我只是在我的系统上修复了同样的警告，我在Windows10上编写了一个Create-React-App。由于Windows文件系统不区分大小写，这并没有阻止我继续工作，但在我的终端输出上看起来很丑陋。在调查中，没有一个可用的答案对我有帮助。但在对这个问题进行了几天的思考之后，我想到了可能的原因。下面是我所做的：

1. 首先我将我的开发分支合并到我的主分支中，将所有内容合并到一个分支中。
2. 接下来我删除了整个node_modules文件夹。
3. 然后我运行yarn install来加载所有我做了一个纱线启动的package.json install，然后警告消失了。

也许这会对你有帮助。

Answer 3

删除node_modules文件夹并运行修复问题的npm install