我通过更新eslint
而不是每次保存package.json
来解决了这个问题。
npm update eslint
我曾遇到类似的问题,后来通过重新保存package.json
文件解决了它。
正如其他人已经写过的那样,问题出在React应用程序文件夹大小写不同。
如果你想从Visual Studio或VS Code运行和调试你的应用程序,稳定的解决方案是:
编辑Visual Studio解决方案文件(.sln),并将React应用程序项目的路径更改为实际大小写(小写),就像在Windows资源管理器中看到的那样!
例如,将此行更改为:
Project(<Guid>) = "reacttstest", "ReactTsTest\reacttstest.esproj", <Guid2>
到这一行:
Project(<Guid>) = "reacttstest", "reacttstest\reacttstest.esproj", <Guid2>
根本原因:
如果你在Visual Studio中创建一个新项目,并使用大写字母作为项目名称,实际文件夹的名称仍然是小写字母。问题在于:在Visual Studio解决方案文件(.sln)中,指向该项目的路径仍然用大写字母表示(就像你最初输入的那样),而实际文件夹名称是小写字母。当从Visual Studio启动应用程序时,它会使用来自解决方案文件的大写字母版本打开终端会话。当从该文件夹启动应用程序时,它会遇到问题。
暂时保存package.json可以解决问题(原因未知),但问题会一直出现。唯一永久的解决方法是在解决方案文件中更改文件夹名称,这在使用VS时非常重要。
我从 package.json 文件中移除了:
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
}
接着,我使用npm start
重启了服务器,现在我的Web应用程序又可以正常工作了。
希望这能有所帮助。
我和你一样遇到了同样的问题,因为这个问题我已经厌倦了在package.json上不停地按Ctrl + S,这只是其中一种解决方案。另一种解决方法是你的路径中包含了Desktop(大写D),而错误信息显示的路径中是desktop(小写d),所以你可以将该文件夹重命名为desktop,这样就能解决问题。
这个问题是由于我在Powershell中输入cd进入想要创建React应用程序的文件夹时所输入的内容引起的。
我输入了小写的完整路径,与实际路径的大小写不匹配。
为了解决这个问题,我执行了以下操作:
npx create-react-app client-app
npm start
这样应用程序就可以正常启动了。
我通过手动从node_modules中删除eslint-config-react-app文件夹,并再次运行yarn add eslint-config-react-app来解决了这个问题。
git cmd
命令并使用code.
打开我的项目,结果得到了同样的错误信息。但是手动运行npm start
时,打开我的React项目没有问题。我遇到了与名称大小写相同的问题。创建项目时,将其命名为“React2”,但Visual Studio忽略了我的大小写并将项目文件夹命名为小写“react2”。解决方案是:
mv react2 React2
修复名称大小写)