创建新的 React 应用程序时出错 ("You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0)")

Error while creating new React app ("You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0)")

即使在完成卸载部分后，我还是一次又一次地收到此创建 React 应用程序错误。

npm uninstall -g create-react-app

up to date, audited 1 package in 570ms

found 0 vulnerabilities

npx create-react-app test-app

Need to install the following packages: create-react-app Ok to proceed? (y) y

You are running create-react-app 4.0.3, which is behind the latest release (5.0.0).

We no longer support global installation of Create React App.

Please remove any global installs with one of the following commands:

  • npm uninstall -g create-react-app
  • yarn global remove create-react-app

The latest instructions for creating a new app can be found here: https://create-react-app.dev/docs/getting-started/

C:\>npm --version
8.3.0
C:\>node --version
v16.13.0

我该如何解决这个问题？

您必须清除 npx 缓存才能使其正常工作。

您可以使用npm ls -g create-react-app找到安装create-react-app的文件夹位置。

此外，要清除缓存，请参阅 How can I clear the central cache for `npx`?

中的此答案

尝试 运行 npx clear-npx-cache 清除您的 npx 缓存，然后 运行 npx create-react-app your-app 命令。

另请参阅 this answer 清除缓存。

此外，可能值得尝试强制使用最新版本：

npx create-react-app@latest my-app --use-npm

(npx create-react-app@5.0.0 my-app) 就像一个魅力，它现在也比旧的反应 js 快得多

我按照上面的建议做了，但是没有解决我的问题。 Below steeps 解决了我的问题

1-了解npm缓存文件夹路径：
npm 缓存验证
这为您提供了 npm 缓存文件夹路径： 缓存验证和压缩 (~\AppData\Local\npm-cache_cacache)

2- 转到“..\npm-cache”文件夹并删除所有内容

3- 创建您的项目：
npx create-react-app 我的应用程序

我已通过以下步骤解决：

  1. npm uninstall -g create-react-app

  2. npx clear-npx-cache

  3. npx create-react-app myapp

我都试过了，都很好用。您可以尝试其中任何一个。

npx create-react-app@5.0.0 我的应用程序 要么 npx 清除-npx-缓存

要清除 npm 中的缓存，我们需要在终端中 运行 npm cache clean --force 命令：

npm cache clean --force
npx clear-npx-cache

clean: 它会从缓存文件夹中删除所有数据。

解决方案 1：强制使用最新版本

只需尝试 运行 使用 force 的创建命令到最新版本。就像这样：

npx create-react-app@latest_version my-app --use-npm

而最新的版本是5.0.0所以只需尝试这个命令：

npx create-react-app@5.0.0 my-app

现在，您的错误必须得到解决。

解决方案 2：清除缓存

您只需要清除缓存，然后就可以创建一个新的 React 项目。首先，通过 运行ning 这个命令清除缓存：

npx clear-npx-cache

如果不起作用，请使用此方法并重试：删除此路径中的所有内容。

C:\Users\Your_user_name\AppData\Roaming\npm-cache

在 macOS 上（可能 Linux），它是 ~/.npm/_npx。您可以将其删除：

rm -rf ~/.npm/_npx

或者在您的终端中使用管理员模式尝试命令 npm cache clean --force。现在，重新运行你的创建命令。

npx create-react-app your-app

解决方案 3：运行 这个命令

就运行这条命令一条一条。

  1. npm uninstall -g create-react-app
  2. npm cache clean --force
  3. npm cache verify
  4. npx create-react-app my-app

如果您正在使用 npm>5 并且仍然收到此错误。这可能是你安装了旧的 npm 然后更新了。尝试使用以下命令清除 npm 缓存。它应该像魅力一样工作。

npx clear-npx-cache

我遇到了同样的问题，我通过 运行 以下命令修复了它：

npx clear-npx-cache
npm cache verify

转到“..\npm-cache”文件夹，您从上一个命令中获取其路径并删除所有内容

npm install -g npm@8.3.0
npx create-react-app your_app_name

我遇到了同样的问题，无论我尝试了什么（即清除缓存、卸载 -g create-react-app 等）都没有用。

我必须使用：

$ npm uninstall -g create-react-app

和

$ npm uninstall create-react-app

然后我可以使用：

$ npx create-react-app my-app

我知道这看起来很简单，但这是唯一对我有用的东西。

如果您在尝试其他答案解决方案后仍然收到相同的错误，请尝试以下操作：

进入npm全局安装包的路径

  • 在 macOS 或 Linux 上通常是：/usr/local/lib/node_modules
  • 在 Windows: C:\Users\USER_NAME\AppData\Roaming\npm\node_modules

搜索 create-react-app 文件夹并将其删除。您可能需要从父文件夹中删除 create-react-app 相关文件：

  • /usr/local/lib/
  • C:\Users\USER_NAME\AppData\Roaming\npm\

您也可以尝试使用 'npm root -g' 命令来获取路径，但是，由于某种原因，对我来说返回的路径不正确。

我已经通过 运行

解决了这个问题 
$ npm uninstall -g create-react-app

然后

$ npx clear-npx-cache

然后

$ npm install -g create-react-app@5.0.0

然后终于可以使用了：

$ npx create-react-app my-app

我已经使用以下命令组合解决了这个问题
 1。先清除缓存

npx clear-npx-cache

2。现在 运行 这个命令，这将卸载旧版本，安装最新版本并使用 npm

创建一个新应用 
npm uninstall -g create-react-app && npm i -g npm@latest && npx create-react-app@latest my-app --use-npm

如果您使用“npx clear-npx-cache”清除缓存，请退出您的代码工作室并重新启动它。然后创建您的应用程序。它就像魅力一样。工作室代码需要先失去会话，这就是为什么我们需要先退出 ms-code 然后重新启动。

这个命令通过清除 npx 缓存对我有用

npx clear-npx-cache

npx有缓存，可以运行rm -rf ~/.npm/_npx清除缓存