npx create-react-app myapp 命令抛出错误答案

【问题标题】：npx create-react-app myapp command throwning errornpx create-react-app myapp 命令抛出错误
【发布时间】：2019-04-02 15:07:05
【问题描述】：

我想在 react 中创建一个应用程序。我已经安装了最新的 Node js 当我运行命令时出现错误

PS C:\Users\Kumar Sanket\Desktop\React&Redux> npx create-react-app myapp 错误：EEXIST：文件已存在，mkdir 'C:\Users\Kumar' TypeError：无法读取未定义的属性“获取” 在 errorHandler (C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:205:18) 在 C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js:78:20 在 cb (C:\Program Files\nodejs\node_modules\npm\lib\npm.js:228:22) 在 C:\Program Files\nodejs\node_modules\npm\lib\npm.js:266:24 在 C:\Program Files\nodejs\node_modules\npm\lib\config\core.js:83:7 在 Array.forEach () 在 C:\Program Files\nodejs\node_modules\npm\lib\config\core.js:82:13 在 f (C:\Program Files\nodejs\node_modules\npm\node_modules\once\once.js:25:25) 在 afterExtras (C:\Program Files\nodejs\node_modules\npm\lib\config\core.js:173:20) 在 C:\Program Files\nodejs\node_modules\npm\node_modules\mkdirp\index.js:47:53 C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:205 如果（npm.config.get（'json'））{ ^

TypeError：无法读取未定义的属性“get” 在 process.errorHandler (C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:205:18) 在 process.emit (events.js:189:13) 在 process._fatalException (internal/bootstrap/node.js:496:27) 使用 c 安装 create-react-app@latest 失败

【问题讨论】：

得到同样的错误
github上有问题所以不知道该告诉你什么，但尝试安装旧版本的CRAgithub.com/facebook/create-react-app/issues/6512
尝试使用npm init react-app my-app

标签： reactjs

【解决方案1】：

今天我遇到了与 npx create-react-app my-app 类似的问题（mkdir 失败）。

我的错误原因

我的用户名文件夹中有空间（例如：Abc Xyz），因此 "npx" 无法正确引用它（它只读取 Abc，而不是 Xyz）。
我正在使用 VS Code for React，它没有创建新目录的权限

我是如何解决的

以管理员权限打开 VS Code。（已修复权限问题）
我尝试了以下操作，而不是使用 "npx"：

--> npm install -g create-react-app

--> create-react-app my-app

并且成功执行了。

希望这会有所帮助。

【讨论】：

【解决方案2】：

问题是用户名中的空格。我使用的是 Windows 10，我通过以这种方式更改 npm 缓存文件夹的路径来解决它：

运行npm config get cache检查配置文件中属性缓存的值
如果路径包含空格，您可以将空格后面的字符串替换为 '~1'，例如我有C:\Users\Andrea R\AppData\Roaming\npm-cache
因此运行npm config set cache 'C:\Users\Andrea~1\AppData\Roaming\npm-cache'

【讨论】：

谢谢安德里亚，这正是我所需要的。 FWIW，我不得不删除我试图设置的路径周围的单引号： npm config set cache C:\Users\Andrea~1\AppData\Roaming\npm-cache
这对我有用。在此之后，我只需要以管理员权限再次运行 VSCode，因为我收到了权限错误。但是这个命令解决了原来的问题。谢谢。

【解决方案3】：

github上有问题所以不知道该告诉你什么，但尝试安装旧版本的CRA 链接：github.com/facebook/create-react-app/issues/6512

【讨论】：

【解决方案4】：

我试了好几次都没有成功。这背后的主要原因是我在系统中的用户名是“Kumar Sanket”，它在空格后无法读取任何内容。当我更改用户名时，我能够运行命令。谢谢大家的支持库马尔·桑克特

【讨论】：

【解决方案5】：

使用安装 create-react-app npm install -g create-react-app

然后使用 create-react-app 我的应用程序

在 create-react 应用程序之前没有 npm 或 npx。

【讨论】：

【解决方案6】：

由于节点缓存目录的路径包含空格而发生此 EEXIST 错误。
对我有用的步骤：

手动创建一个名为 node-cache 的目录，其中路径没有任何空格。
使用命令npm install --cache path/to/node-cache安装节点缓存内容
使用命令npm config set cache path/to/node-cache设置新的节点缓存目录
现在运行npx create-react-app my-app

【讨论】：