有多个模块的名称只是大小写不同

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，但我仍然收到此警告。任何想法如何解决这个问题？目前我的“项目”只是带有一些空目录的 Root.js。

Answer 1

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