为啥我不能用 npx 启动一个 React 项目？

Posted 2023-02-16

【中文标题】为啥我不能用 npx 启动一个 React 项目？

【英文标题】：Why can't I start a React project with npx?为什么我不能用 npx 启动一个 React 项目？

【发布时间】：2022-01-18 05:24:15

【问题描述】：

我正在与 npx 兜圈子，试图开始一个新项目。这是我得到的：

"PS C:\Users\John\Documents\WebSites\react_projects> npx create-react-app material-ui 需要安装以下包： 创建反应应用 可以继续吗？ (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 时，我得到“最新，在 495 毫秒内审核了 1 个包。发现 0 个漏洞。”

所以我尝试使用 npx 再次创建应用程序，我得到了这个：

"需要安装以下包： 创建反应应用 可以继续吗？ (y)"

所以我按 y，然后我再次收到第一条错误消息。我只是绕圈子。我该如何解决这个问题？

【问题讨论】：

全局卸载后，如果你运行npm ls -g --depth=0，你会得到什么？如果 create-react-app 不在列表中，那么您是否使用 SOMEAPP 运行 npx create-react-app SOMEAPP 与您的新应用程序应该是什么？您应该会看到类似于 create-react-app.dev/docs/getting-started

的 gif 的输出

好的，我运行了你的命令，结果是：c:\Users\John\AppData\Roaming\npm firebase-tools@9.23.0 json-server@0.17.0 npm@8.1。 2 然后我运行 npx create-react-app my-app-name，得到以下信息： 未知命令：“create-react-app” 要查看支持的 npm 命令列表，请运行：npm help

重新安装nodejs和npm

感谢您的帮助。我将节点重新安装/更新到版本 17.2。我运行了 create-ract-app myapp，我得到了同样的错误信息——“你正在运行 'create-react-app' 4.0.3，”等等，等等，等等。还有其他想法吗？

你在使用powershell吗？是版本 7（即尝试 $PSVersionTable ）

【参考方案1】：

npm 代表节点包管理器。它通过在 package.json 文件中添加依赖项来帮助安装、迁移应用程序。你只需要运行npm i。例如，在 react API 调用 npm i axios 中，您应该运行并导入文件以使用 axios 功能。此外，您所需要的只是 package.json 以下依赖项和包将被添加（node_modules 文件夹除外，因为它带有包和更大的大小）。 您可以使用 npm 来启动、构建、弹出、监视和测试。

npx 是一个 CLI 工具，它提供了安装和管理托管在 npm 注册表中的依赖项的方法。自 5.2.0v 起，它与 npm 捆绑在一起。它有助于安装和开始使用前端 JS 库，如 reactjs、angularjs、vuejs、Sveltejs 或样板应用程序。

【参考方案2】：

请参阅官方 reactjs 网站，您需要在您的机器上安装 ""Node >= 14.0.0 and npm >= 5.6""。 https://reactjs.org/docs/create-a-new-react-app.html 。 在 Yarn 0.25+ 中也可以使用 yarn create 所以你可能想检查这些版本

【讨论】：

谢谢。我的 Node 和 npm 版本都高于这些版本（16.13.0 和 8.1.2）。正如上面 SILENT 建议的那样，我将尝试重新安装 Node。