“create-react-app”未被识别为内部或外部命令

IT技术 node.js reactjs
2021-04-19 12:28:21

我正在尝试在 windows pc 上使用 create-react-app 命令设置react应用程序。我已经在我的 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\

6个回答

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

给你一个赞成票,因为从技术上讲这是正确的答案,至少对我来说是这样。(这工作得很好)。
2021-06-06 12:28:21
你应该像 >npm install -g create-react-app 这样全局安装 create reat app 命令
2021-06-17 12:28:21
完美的解决方案。也为我工作。谢谢!
2021-06-19 12:28:21
由于我正在通过教程学习反应,我不想每次都做 npx。我使用了@Ashish Bansal 解决方案,然后 create-react-app 工作
2021-06-21 12:28:21

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

@dli,你能确保你在 Uğur 提到的路径中更改了自己的用户名吗?你关闭并重新打开命令窗口?我正在使用 Windows 10,它对我来说很好用。
2021-05-31 12:28:21
听起来可能很愚蠢,但是在将上述内容添加到我的 Window PATH 变量之后,我发现关闭我试图在其上执行此命令的所有终端并重新打开它们很有帮助。重置终端会话是不够的。
2021-06-01 12:28:21
我需要添加一个注释,更新路径变量后,关闭CMD并再次打开它首先打印路径变量以确保它已更新然后再次调用与我一起使用的命令'create-react-app'!
2021-06-07 12:28:21
需要注意的一件事是路径应该添加到“系统变量”而不是“用户变量”。至少这就是解决我的问题的原因!
2021-06-07 12:28:21
谢谢,我发现它已经在我的 PATH 中,但我仍然遇到同样的错误。我正在使用 Windows 10。
2021-06-10 12:28:21

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

试试这个,它会正常工作。

npx create-react-app [yourProjectName]

我添加这个是因为它在谷歌上弹出,我遇到了麻烦。

我在 Windows 10 上搜索“create-react-app”,C:\路径是C:\Users\Admin\AppData\Roaming\npm\node_modules.

我将其添加到 Environment Variables > Path 中,该命令现在可以使用了。

\npm 里面没有文件夹
2021-05-29 12:28:21

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

在上面的版本中我们只需要改变一个词就是npx

你不需要做其他事情。我希望这能帮到您