无法设置react项目

Question

我不知道为什么，但我得到一个babel依赖相关的错误:

> yarn start yarn run v1.22.10 $ react-scripts start
> 
> There might be a problem with the project dependency tree. It is
> likely not a bug in Create React App, but something you need to fix
> locally.
> 
> The react-scripts package provided by Create React App requires a
> dependency:
> 
>   "babel-loader": "8.1.0"
> 
> Don't try to install it manually: your package manager does it
> automatically. However, a different version of babel-loader was
> detected higher up in the tree:
> 
>   /Users/ri/node_modules/babel-loader (version: 8.0.6) 
> 
> Manually installing incompatible versions is known to cause
> hard-to-debug issues.
> 
> If you would prefer to ignore this check, add
> SKIP_PREFLIGHT_CHECK=true to an .env file in your project. That will
> permanently disable this message but you might encounter other issues.
> 
> To fix the dependency tree, try following the steps below in the exact
> order:
> 
>   1. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.
>   2. Delete node_modules in your project folder.
>   3. Remove "babel-loader" from dependencies and/or devDependencies in the package.json file in your project folder.
>   4. Run npm install or yarn, depending on the package manager you use.
> 
> In most cases, this should be enough to fix the problem. If this has
> not helped, there are a few other things you can try:
> 
>   5. If you used npm, install yarn (http://yarnpkg.com/) and repeat the above steps with it instead.
>      This may help because npm has known issues with package hoisting which may get resolved in future versions.
> 
>   6. Check if /Users/ri/node_modules/babel-loader is outside your project directory.
>      For example, you might have accidentally installed something in your home folder.
> 
>   7. Try running npm ls babel-loader in your project folder.
>      This will tell you which other package (apart from the expected react-scripts) installed babel-loader.
> 
> If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file
> in your project. That would permanently disable this preflight check
> in case you want to proceed anyway.
> 
> P.S. We know this message is long but please read the steps above :-)
> We hope you find them helpful!

我阅读了这个问题的其他解决方案，并执行了下面所述的解决方案:

我试了如下:

1. 删除node模块、package.json.lock和yarn。锁文件
我试图删除babel在包中的依赖。json。
2. 尝试了Stackover流链接
中提到的步骤甚至尝试创建新的react项目两次，但我仍然得到相同的巴别塔问题。我使用的是1.22.10.
3. 我甚至尝试过更新react-scripts到最新版本。

当我尝试使用babel-loader——version命令时，得到以下结果:

my-app@0.1.0 /Users/ri/Desktop/my-app
└─┬ react-scripts@4.0.3
└── babel-loader@8.1.0

我安装/创建react项目的步骤如下:

npx create-react-app my-app
cd my-app
yarn start

谁能告诉我为什么这个问题仍然存在?

Answer 1

我就像@jonrsharpe在他的评论中提到的那样解决了这个问题。路径不正确。我导航到路径(/Users/ri/node_modules/babel-loader)并删除了babel-loader文件夹。然后它开始抱怨webpack。所以，我也删除了webpack文件夹。然后我创建了一个新的React项目:npx create-react-app new-project，然后是yarn start。我没有依赖相关的问题，然后开发环境工作得很好:)