执行yarn create react-app ./创建React应用失败求助

问题详情 #

操作步骤：

• 进入client目录：cd client
• 创建React应用：yarn create react-app ./

执行后报错，完整输出：

PS C:\Users\Lewis Wachira\OneDrive\Desktop\Snack Shark Restaurant> cd client
PS C:\Users\Lewis Wachira\OneDrive\Desktop\Snack Shark Restaurant\client> yarn create react-app ./
yarn create v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...

success Installed "create-react-app@5.0.1" with binaries:
create-react-app
'C:\Users\Lewis' is not recognized as an internal or external command,
operable program or batch file.
error Command failed.
Exit code: 1
Command: C:\Users\Lewis Wachira\AppData\Local\Yarn\bin\create-react-app
Arguments: ./
Directory: C:\Users\Lewis Wachira\OneDrive\Desktop\Snack Shark Restaurant\client
Output:

info Visit https://yarnpkg.com/en/docs/cli/create for documentation about this command.

核心报错：'C:\Users\Lewis' 未被识别为内部或外部命令、可运行程序或批处理文件，退出码1。

报错原因 #

你的用户目录（Lewis Wachira）和项目路径（Snack Shark Restaurant）都包含空格，导致Yarn执行命令时路径被空格截断，只解析到了C:\Users\Lewis部分，引发识别错误。

解决办法 #

1. 改用npx执行命令 #

npx对含空格路径的兼容性更好，直接执行：

npx create-react-app ./

2. 迁移项目至无空格路径 #

将整个项目文件夹移动到不含空格的目录下，例如：

C:\Projects\SnackSharkRestaurant\client

之后再重新执行yarn create react-app ./。

3. 修改Yarn全局安装路径 #

把Yarn的全局包安装目录改成无空格路径：

1. 查看当前全局路径：yarn global dir
2. 设置新路径（示例）：

yarn config set prefix "C:\YarnGlobal"

3. 重启终端后，再次执行创建命令。

内容的提问来源于stack exchange，提问作者Lewis Wachira