'create-react-app'不被识别为内部或外部命令

Question

我试图在Windows PC上使用create-react-app命令设置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 \应用程序数据\漫游\ NPM \node_modules \创建反应的应用内\

Answer 1

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

Answer 2

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

Answer 3

我正在添加这个,因为这出现在谷歌上,我遇到了麻烦.

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

我将它添加到Environment Variables> Path并且该命令现在可以正常工作.

Answer 4

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

试试这个，它将正常工作。

npx create-react-app [yourProjectName]

Answer 5

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

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

Answer 6

另一种可能有效的方法是使用 Powershell 并键入：

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

Answer 7

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

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

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

Answer 8

尽管我遇到了同样的问题

npm install create-react-app --global

后来尝试过

npm init react-app projectname

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

npx create-react-app projectname