'create-react-app' 未被识别为内部或外部命令答案

【问题标题】：'create-react-app' is not recognized as an internal or external command'create-react-app' 未被识别为内部或外部命令
【发布时间】：2016-12-22 23:13:28
【问题描述】：

我正在尝试在 windows pc 上使用 create-react-app 命令设置反应应用程序。我已经在我的 Mac 电脑上使用过它，而且效果很好。但是我遇到了一个问题。这是我在命令行上的步骤。我错过了什么吗？

C:\Windows\system32>cd C:\Users\ugur\Desktop\deneme

C:\Users\ugur\Desktop\deneme>npm init


This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See 'npm help json' for definitive documentation on these fields
and exactly what they do.

Use 'npm install <pkg> --save' afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (deneme)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
license: (ISC)
About to write to C:\Users\ugur\Desktop\deneme\package.json:

{
   "name": "deneme",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
   "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "Ugur <ugur@abc.com.tr> (http://www.abc.com.tr)",
   "license": "ISC"
}


Is this ok? (yes)

C:\Users\ugur\Desktop\deneme>npm install -g create-react-app
C:\Users\ugur\AppData\Roaming\npm\create-react-app -> C:\Users\ugur\
AppData\Roaming\npm\node_modules\create-react-app\index.js
C:\Users\ugur\AppData\Roaming\npm
`-- create-react-app@0.2.0
  +-- chalk@1.1.3
  | +-- ansi-styles@2.2.1
  | +-- escape-string-regexp@1.0.5
  | +-- has-ansi@2.0.0
  | | `-- ansi-regex@2.0.0
  | +-- strip-ansi@3.0.1
  | `-- supports-color@2.0.0
  +-- cross-spawn@4.0.0
  | +-- lru-cache@4.0.1
  | | +-- pseudomap@1.0.2
  | | `-- yallist@2.0.0
  | `-- which@1.2.10
  |   `-- isexe@1.1.2
  +-- minimist@1.2.0
  `-- semver@5.3.0


C:\Users\ugur\Desktop\deneme>create-react-app new_app

'create-react-app' is not recognized as an internal or external command, operable program or batch file.

npm 配置路径也是这样的

C:\Users\ugur\AppData\Roaming\npm\node_modules\create-react-app\

【问题讨论】：

标签： node.js reactjs

【解决方案1】：

我试图在我的 PC 上使用 Windows PowerShell 创建一个应用程序。我尝试相应地更新和设置环境变量。但在我按照这些步骤操作之前，没有任何效果。

npm install create-react-app
npx 创建反应应用程序

然后它开始工作。按相同顺序使用这些命令。

【讨论】：

【解决方案2】：

仍有此问题的人，请转到 C:\Users\user\AppData\Roaming\npm- 检查 .cmd 是 create-react-app 还是 creact-react-native-app。

我的是后者。

另外，请确保您没有安装两个不同的版本。

【讨论】：

【解决方案3】：

尽管遇到了同样的问题

npm install create-react-app --global

后来尝试

npm init react-app projectname

这对我有用，它创建了一个 React 项目。这也有效

npx create-react-app projectname

【讨论】：

【解决方案4】：

我以管理员身份使用 Node.js 命令提示符解决了这个问题

【讨论】：

【解决方案5】：

我重新安装了 node.js 并将 npm root -g 命令给出的路径添加到我的路径变量中以使其正常工作。

【讨论】：

【解决方案6】：

另一个可行的方法是使用 Powershell 并键入：

npx create-react-app new_app --use-npm

【讨论】：

【解决方案7】：

对我来说，在将路径 C:\Users\user\AppData\Roaming\npm\node_modules 添加到我的环境变量后，create-react-app project-name 工作了。

【讨论】：

【解决方案8】：

用户执行命令

npx create-react-app my-app

【讨论】：

【解决方案9】：

这是一个windows变量路径问题，我最近遇到了同样的问题，以下是问题的可能根源，通过nvm（节点版本管理器）安装节点，以便在运行@后解决这种情况下的问题987654321@ 在我的情况下到达了位置 C:\Users\pc\AppData\Roaming\npm 复制 create-react-app 到 C:\Users\pc\AppData\Roaming\nvm\v12.18.3 并将 node_module 文件夹中名为 create-react-app 的文件夹移动到您在 nvm 下使用的特定版本，之后您应该能够在没有问题的情况下使用 create-react-app 。我希望这会对某人有所帮助

【讨论】：

【解决方案10】：

使用npx create-react-app my-app。这将解决系统路径变量的任何问题。

React GitHub 文档也建议了这一点。阅读Here

【讨论】：

【解决方案11】：

从TERMINAL 执行以下操作：

cd myReactApp
npx create-react-app .

这应该可行！

【讨论】：

【解决方案12】：

试试这个npx create-react-app my-app

【讨论】：

给你一个赞成票，因为从技术上讲这是正确的答案，至少对我来说。（这很完美）。
完美解决方案。也为我工作。谢谢！
你应该全局安装 create reat app 命令，例如 >npm install -g create-react-app
因为我正在通过教程学习反应，所以我不想每次都做 npx。我使用了@Ashish Bansal 解决方案，然后 create-react-app 工作了

【解决方案13】：

此命令需要 Expo-CLI。如果您想节省时间，我向您推荐 Node.js 命令提示符，它会自动添加必要的依赖项。

【讨论】：

我也忘记了。没有 Node.js 命令提示符的最简单方法是 Yarn 包管理器，如果安装了它，您可以使用 Yarn 安装您的依赖项
嗨 Maro，欢迎来到 SO！如果您想修改您的帖子，只需单击其下方的编辑链接并更改原始内容，而不是添加评论。它让未来的读者更清楚。

【解决方案14】：

环境节点-v：v8.9.3 npm -v:4.6.1 yarn --version（如果你使用 Yarn）： npm ls react-scripts（如果你还没有弹出）：C:\Users\chacker\my-react-app>npm ls react-scripts my-react-app@1.0.0 C:\Users\chacker\my-react-app `--（空）然后，指定：

操作系统：windows 7 浏览器和版本（如果相关）：重现步骤（在这里写下你的步骤：）

npm install -g create-react-app 日志-> C:\Users\chacker\my-react-app>npm install -g create-react-app C:\Users\chacker\AppData\Roaming\npm\create-react-app -> C:\Users\chacker\AppData\R aming\npm\node_modules\create-react-app\index.js C:\Users\chacker\AppData\Roaming\npm `--create-react-app@1.4.3 创建反应应用程序我的应用程序

【讨论】：

【解决方案15】：

如果您运行的是旧版本的节点，只需将“npx”放在命令前面即可解决此问题。

试试这个，它会正常工作的。

npx create-react-app [yourProjectName]

【讨论】：

【解决方案16】：

如果上述解决方案不起作用，试试这个，它将 100% 起作用

0)首先安装包“npm create-create-app -g”或“yarn add create-react-app”然后

1) 打开 cmd 并输入“npm root -g”，此命令将为您提供全局包的 node_model 目录路径

2) 仅将该路径复制到 npm 目录，例如 C:\Users\vchaudhari\AppData\Roaming\npm

3) 在 windows 中打开环境变量，并在其中保存该命令。

4) 关闭当前 cmd 并打开新 cmd 并使用命令“create-react-app demoapp”

5) 享受 :-)

【讨论】：

【解决方案17】：

首先检查您的节点版本。如果您的节点版本为 8 或更高版本，则为 8 使用
'npx create-react-app my-app'

在上面的版本中，我们只需要更改一个单词npx

你不需要做其他事情。希望对你有帮助

【讨论】：

【解决方案18】：

我通过以下步骤解决了问题

1) 打开 Node.js 命令提示符

2) 然后输入“npm install create-react-app -g”（g 表示全局访问）命令安装 create-react-app

3) 然后输入“npm install create-react-native-app -g”（g 表示全局访问）命令安装 create-react-native-app

按照步骤 #2 使用 create-react-app

仅当您想使用 create-react-native-app 时才执行第 3 步，否则它是可选的。

【讨论】：

【解决方案19】：

通过全局安装 react 可以解决那些即使设置了环境变量也没有得到的错误。 npm i -g create-react-app 。现在将安装模块。

【讨论】：

【解决方案20】：

我通过卸载 create-react-app 解决了这个问题：

npm uninstall create-react-app

然后使用以下命令安装：

npm install -g create-react-app

【讨论】：

【解决方案21】：

运行：npx install create-react-app nameOfYourFolder 而不是 npm install create-react-app nameOfYourFolder（npx 带有 npm 5.2+ 及以上）
然后：cd nameOfYourFolder
然后运行：npm start

您可以在 React 文档here中找到更多信息

【讨论】：

【解决方案22】：

我也遇到了同样的问题，但我通过以下步骤解决了它

使用命令 npm root -g 检查您的全局目录
检查文件夹，它是否包含您安装的软件包的 .cmd。
如果是，请复制文件夹路径并放入用户变量路径。

谢谢

【讨论】：

【解决方案23】：

这个问题主要是两个原因造成的：

路径变量问题
Npm 版本问题

将 C:\Users\ugur\AppData\Roaming\npm 添加到 Windows PATH 变量并将 npm 版本升级到 5.5.1

【讨论】：

【解决方案24】：

我添加这个是因为它在 Google 上弹出，我遇到了问题。

我使用的是 Windows 10，我在 C:\ 中搜索了“create-react-app”，路径为 C:\Users\Admin\AppData\Roaming\npm\node_modules。

我将它添加到环境变量 > 路径中，该命令现在可以工作了。

【讨论】：

\npm 内没有文件夹

【解决方案25】：

我必须将 c:\node_modules.bin 添加到我的路径中才能运行 create-react-app

搜索 create-react-app 并在您的路径中使用它。

【讨论】：

已搜索但未在任何地方找到

【解决方案26】：

我通过将C:\Users\ugur\AppData\Roaming\npm 添加到 Windows PATH 变量解决了这个问题。

【讨论】：

谢谢，我发现它已经在我的 PATH 中，但我仍然遇到同样的错误。我正在使用 Windows 10。
@dli，你能确保你在 Uğur 提到的路径中更改自己的用户名吗？你关闭并重新打开命令窗口？我正在使用 Windows 10，它对我来说效果很好。
可能听起来很愚蠢，但在将以上内容添加到我的 Window PATH 变量后，我发现关闭我试图执行此命令的所有终端并重新打开它们很有帮助。重置终端会话是不够的。
我需要添加一个注释一个，更新路径变量后，关闭CMD并再次打开它首先打印路径变量以确保它已更新然后再次调用命令'create-react-app'正在和我一起工作！
还有一点需要注意的是，路径应该添加到“系统变量”而不是“用户变量”中。至少这就是解决我的问题的方法！