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

Question

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

PS C:\Users\Kumar Sanket\Desktop\React&Redux> npx create-react-app myapp 错误：EEXIST：文件已经存在，mkdir 'C:\Users\Kumar' TypeError：无法读取 errorHandler 处未定义的属性“get”（ 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 at Array.forEach () at 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) at 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 if (npm.config.获取（'json'））{ ^

类型错误：无法读取 process.errorHandler (C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:205:18) at process.emit (events.js: 189:13) 在 process._fatalException (internal/bootstrap/node.js:496:27) 安装 create-react-app@latest 失败，c

Answer 1

今天我在npx create-react-app my-app (mkdir failed) 中遇到了类似的问题。

我的错误的原因

1. 我的用户名文件夹中有空间（例如：Abc Xyz），因此“npx”无法正确引用它（它只读取 Abc，而不读取 Xyz）。

2. 我正在使用 VS Code for React，但它没有创建新目录的权限

我是如何修复它的

1. 以管理员权限打开 VS Code。（修复权限问题）

2. 我没有使用“npx”，而是尝试了以下操作：

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

   --> create-react-app my-app

然后就成功执行了。

希望这可以帮助。

Answer 2

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

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