有多个模块的名称仅在大小写上不同

Question

我刚刚使用 create-react-app 初始化了一个新项目，一切正常，直到我安装了 react-router-dom。每次启动开发服务器时，我都会收到警告

./node_modules/webpack/buildin/global.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:\Users\hisza\Desktop\weatherapp\node_modules\babel-loader\lib\index.js??ref--5-oneOf-3!C:\Users\hisza\Desktop\weatherApp\node_modules\webpack\buildin\global.js
    Used by 1 module(s), i. e.
    C:\Users\hisza\Desktop\weatherapp\node_modules\babel-loader\lib\index.js??ref--5-oneOf-3!C:\Users\hisza\Desktop\weatherApp\node_modules\mini-create-react-context\dist\esm\index.js
* C:\Users\hisza\Desktop\weatherapp\node_modules\babel-loader\lib\index.js??ref--5-oneOf-3!C:\Users\hisza\Desktop\weatherapp\node_modules\webpack\buildin\global.js
    Used by 2 module(s), i. e.
    C:\Users\hisza\Desktop\weatherapp\node_modules\babel-loader\lib\index.js??ref--5-oneOf-3!C:\Users\hisza\Desktop\weatherapp\node_modules\@pmmmwh\react-refresh-webpack-plugin\client\utils\safeThis.js

我发现我的导入可能有问题，但我的导入没有问题。每次我用我的 react-router-dom 导入删除行时，一切正常。

import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'

我尝试使用不同的提示（gitBash、cmd 和 powershell）删除 node_modules 并再次安装 npm，但我仍然收到此警告。任何想法如何解决这个问题？目前我的 'project' 只是 Root.js 和一些空目录。

Answer 1

安装react-router-dom后抛出此问题。尝试删除它，看看那些错误消失了。此特定错误不会影响您编写的代码。就算你上传到heroku或者netlify，也没问题。我认为这是一个错误，他们很快就会修复。

有多个模块的名称仅在大小写上不同

There are multiple modules with names that only differ in casing

reactjs

webpack

babeljs

create-react-app

react-router-dom