如何成功创建新的 React 应用程序？

Posted 2023-02-16

【中文标题】如何成功创建新的 React 应用程序？

【英文标题】：How do I successfully create a new react app?

【发布时间】：2022-01-18 17:08:39

【问题描述】：

尝试：

 npx create-react-app react

得到：

需要安装以下包：

创建反应应用程序

可以继续吗？ (y) 是的

您正在运行create-react-app 4.0.3，它落后于最新版本 (5.0.0)。

我们不再支持全局安装 Create React App。

请使用以下命令之一删除所有全局安装：

npm 卸载 -g create-react-app

yarn 全局删除 create-react-app

可在此处找到创建新应用的最新说明：

https://create-react-app.dev/docs/getting-started/

按照说明尝试：

npm uninstall -g create-react-app

得到

最新，在 217 毫秒内审核了 1 个包

发现 0 个漏洞

然后我尝试再次运行第一个命令，但它永远无法运行。

我跑步时

npm ls -g --depth 0

我明白了

/usr/local/lib

├── corepack@0.10.0

├── nodemon@2.0.12

└── npm@8.1.0

提前感谢任何帮助！

【参考方案1】：

尝试以下方法之一

npx create-react-app@latest my-react-app
#or
npm create react-app@latest my-react-app

【讨论】：

哇这工作！谢谢！你能解释一下为什么添加@latest 有帮助吗？

我尝试在我的机器上安装create-react-app，它给了我v4.0.3，除非明确告知要下载最新版本。我想npx 也是这样。显然，在 v4 中发现了一个安全漏洞，因此他们可能已经完全阻止了它的使用。

【参考方案2】：

有了新的 React 文档

第 1 步：运行npm uninstall -g create-react-app

第 2 步：运行npm install -g create-react-app

第 3 步：运行npx create-react-app app-name