在 react 中安装 npm 时遇到错误

Question

我想做一个反应项目，但是当我执行npx create-react-app 时，它没有响应。谁能告诉我我在这里面临的问题是什么？ Screenshot.

Answer 1

创建一个空文件夹，然后将其拖到 VSC 上，然后在终端输入： npx create-react-app 。 （点表示在当前文件夹中）还要确保你安装了节点，输入：node -v（检查你有什么版本）

Answer 2

来自官方ReactJS Docs：

您的机器上需要有 Node >= 14.0.0 和 npm >= 5.6。要创建项目，请运行：

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

在您提供的屏幕截图中，您确实运行了该命令；但是，它并没有表明您检查了目录visual 是在您的工作目录New folder 中创建的。此外，没有输出错误信息；就目前而言，我们知道npx 命令存在；并且只能假设命令执行没有错误。

使用create-react-app时：

1. 将在您运行命令的工作目录（在您的情况下为New folder）中创建一个新目录。
2. 这个新目录将具有您提供给create-react-app 的参数的名称（在您的情况下为visual）。
3. 所以你的目录结构看起来像这样：

   New folder/
     └─ visual/
   

我看到的问题是，运行create-react-app 时通常看到的一般输出（如图所示here）没有出现在您的屏幕截图中；但是，我从来没有像您那样从 MS PowerShell 运行它。所以你要检查：

• 您没有想太多，并确保确实没有创建 my-app 文件夹；
• 您的NodeJS 版本是14.0.0 或更高版本：

  node -v
  

• 并且create-react-app 没有安装全局：
  • 要检查这一点，请运行：

    npm list -g
    

  • 如果您在列表中看到create-react-app，请运行：

    npm uninstall -g create-react-app
    npm install create-react-app
    

• 或者从cmd（或cygwin）而不是powershell运行它可能是更好的选择。