无法将ReactJS应用程序部署到github页面

Question

嘿，我确实已经尝试了好几天了，我遍历了所有文档，我遵循了教程，并且在尝试将我的react应用程序部署到github页面时我无法通过npm run deploy。 我将其称为npm run build，将正确的url放置到package.json中作为“主页”，再次调用它并获得“ deploy”和“ predeploy”，我肯定在节点模块中有gh页，我的意思是我所遵循的所有步骤，每个教程都可以告诉我。 我遇到了一个读取以下内容的问题：

错误：无法生成sh：无此类文件或目录致命：无法进行分叉

npm ERR！ 代码ELIFECYCLE npm ERR！ errno 1 npm错误！ carlos_valencia_portfolio@0.1.0部署： gh-pages -d build npm ERR！ 退出状态1 npm ERR！ npm ERR！ 在carlos_valencia_portfolio@0.1.0部署脚本处失败。 npm ERR！ npm可能不是问题。 上面可能还有其他日志记录输出。

npm ERR！ 可以在以下位置找到该运行的完整日志：npm ERR！
C：\\用户\\卡洛斯\\应用程序数据\\漫游\\ NPM-cache_logs \\ 2018-10-04T19_57_57_731Z-的debug.log

以下是日志的内容：

0信息，如果它以ok结尾就可以正常工作1详细cli ['C：\\ Program Files \\ nodejs \\ node.exe'，1详细cli'C：\\ Program Files \\ nodejs \\ node_modules \\ npm \\ bin \\ npm-cli.js '，1个详细cli'run'，1个详细cli'deploy'] 2使用npm@6.2.0的信息3使用info@v10.8.0的4个信息5信息生命周期carlos_valencia_portfolio@0.1.0~predeploy：carlos_valencia_portfolio@0.1.0 6详细生命周期carlos_valencia_portfolio@0.1.0~predeploy：生命周期中的unsafe-perm真7详细生命周期carlos_valencia_portfolio@y.Program：y \\ Program：y \\ Program：y \\ Program：文件\\的NodeJS \\ node_modules \\故宫\\ node_modules \\ NPM-生命周期\\节点GYP斌; C：\\用户\\卡洛斯\\ ReactJSProjects \\ carlos_valencia_portfolio \\ node_modules.bin; C：\\ ProgramData \\ ORACLE \\的Java \\ javapath; C：\\ PROGRAM文件（x86）\\ Intel \\ iCLS Client \\; C：\\ Program Files \\ Intel \\ iCLS Client \\; C：\\ WINDOWS \\ system32; C：\\ WINDOWS; C：\\ WINDOWS \\ System32 \\ Wbem; C：\\ WINDOWS \\ System32 \\ WindowsPowerShell \\ v1.0 \\; C：\\ Program Files（x86）\\ Intel \\ Intel（R）Management Engine Com 组件\\ DAL; C：\\ Program Files \\ Intel \\ Intel（R）管理引擎组件\\ DAL; C：\\ Program Files（x86）\\ Intel \\ Intel（R）Management Engine Components \\ IPT; C：\\ Program Files \\ Intel \\ Intel（R）管理引擎组件\\ IPT; C：\\ Program Files \\ dotnet \\; C：\\ Program Files \\ Microsoft SQL Server \\ 130 \\ Tools \\ Binn \\; C：\\ Program Files \\ Microsoft SQL Server \\ 110 \\ DTS \\ Binn \\; C：\\ Program Files（x86）\\ Microsoft SQL Server \\ 110 \\ Tools \\ Binn \\; C：\\ Program Files \\ Microsoft SQL Server \\ 110 \\ Tools \\ Binn \\; C：\\ Program Files（x86）\\ Microsoft SQL Server \\ 110 \\ Tools \\ Binn \\ ManagementStudio \\; C：\\ Program Files（x86）\\ Microsoft Visual Studio 10.0 \\ Common7 \\ IDE \\ PrivateAssemblies \\; C：\\ Program Files（x86）\\ Microsoft SQL Server \\ 110 \\ DTS \\ Binn \\; C：\\ Program Files \\ Intel \\ WiFi \\ bin \\; C：\\ Program Files \\ Common Files \\ Intel \\ WirelessCommon \\; C：\\ WINDOWS \\ System32 \\ OpenSSH \\; C：\\ Program Files \\ nodejs \\; C：\\ Program Files \\ Git \\ cmd; C：\\ Users \\ Carlos \\ AppData \\ Local \\ Microsoft \\ WindowsApps; C：\\ Users \\ Carlos \\ AppData \\ Roaming \\ npm; C：\\ Users \\ Carlos \\ AppData \\ Local \\ atom \\ BIN; C：\\用户\\卡洛斯\\应用程序数据\\本地\\的Git HubDesktop \\ bin 8详细生命周期carlos_valencia_portfolio@0.1.0~predeploy：CWD：C：\\ Users \\ Carlos \\ ReactJSProjects \\ carlos_valencia_portfolio 9愚蠢的生命周期carlos_valencia_portfolio@0.1.0~predeploy：Args：['，'/ d / s / npm run build'] 10愚蠢的生命周期carlos_valencia_portfolio@0.1.0~predeploy：返回：代码：0信号：null 11信息生命周期carlos_valencia_portfolio@0.1.0~deploy：carlos_valencia_portfolio@0.1.0 12详细的生命周期carlos_valencia_portfolioy0.10。 ：生命周期中的unsafe-perm true 13详细生命周期carlos_valencia_portfolio@0.1.0~deploy：路径：C：\\ Program Files \\ nodejs \\ node_modules \\ npm \\ node_modules \\ npm-lifecycle \\ node-gyp-bin; C：\\ Users \\ Carlos \\ ReactJSProjects \\ carlos_valencia_portfolio \\ node_modules.bin; C：\\ ProgramData \\ Oracle \\ Java \\ javapath; C：\\ Program Files（x86）\\ Intel \\ iCLS Client \\; C：\\ Program Files \\ Intel \\ iCLS Client \\; C：\\ WINDOWS \\ system32; C：\\ WINDOWS; C：\\ WINDOWS \\ System32 \\ Wbem; C：\\ WINDOWS \\ System32 \\ WindowsPowerShell \\ v1.0 \\; C：\\ Program Files（x86）\\ Intel \\ Intel（R）Management 引擎组件\\ DAL; C：\\ Program Files \\ Intel \\ Intel（R）管理引擎组件\\ DAL; C：\\ Program Files（x86）\\ Intel \\ Intel（R）Management Engine Components \\ IPT; C：\\ Program Files \\英特尔\\英特尔（R）管理引擎组件\\ IPT; C：\\ Program Files \\ dotnet \\; C：\\ Program Files \\ Microsoft SQL Server \\ 130 \\ Tools \\ Binn \\; C：\\ Program Files \\ Microsoft SQL Server \\ 110 \\ DTS \\ Binn \\; C：\\ Program Files（x86）\\ Microsoft SQL Server \\ 110 \\ Tools \\ Binn \\; C：\\ Program Files \\ Microsoft SQL Server \\ 110 \\ Tools \\ Binn \\; C：\\ Program Files（x86） \\ Microsoft SQL Server \\ 110 \\ Tools \\ Binn \\ ManagementStudio \\; C：\\ Program Files（x86）\\ Microsoft Visual Studio 10.0 \\ Common7 \\ IDE \\ PrivateAssemblies \\; C：\\ Program Files（x86）\\ Microsoft SQL Server \\ 110 \\ DTS \\ Binn \\; C：\\ Program Files \\ Intel \\ WiFi \\ bin \\; C：\\ Program Files \\ Common Files \\ Intel \\ WirelessCommon \\; C：\\ WINDOWS \\ System32 \\ OpenSSH \\; C：\\ Program Files \\ nodejs \\ ; C：\\ Program Files \\ Git \\ cmd; C：\\ Users \\ Carlos \\ AppData \\ Local \\ Microsoft \\ WindowsApps; C：\\ Users \\ Carlos \\ AppData \\ Roaming \\ npm; C：\\ Users \\ Carlos \\ AppData \\ Local \\原子\\ BIN; C：\\用户\\卡洛斯\\应用程序数据 \\ Local \\ GitHubDesktop \\ bin 14个详细生命周期carlos_valencia_portfolio@0.1.0~deploy：CWD：C：\\ Users \\ Carlos \\ ReactJSProjects \\ carlos_valencia_portfolio 15愚蠢的生命周期carlos_valencia_portfolio@0.1.0~deploy：Args：['/ d / s '，'gh-pages -d build'] 16愚蠢的生命周期carlos_valencia_portfolio@0.1.0~deploy：返回：代码：1信号：null 17信息生命周期carlos_valencia_portfolio@0.1.0~deploy：无法执行部署脚本18详细堆栈错误：carlos_valencia_portfolio@0.1.0部署： gh-pages -d build 18详细堆栈退出状态1 EventEmitter的18详细堆栈。 （C：\\ Program Files \\ nodejs \\ node_modules \\ npm \\ node_modules \\ npm-lifecycle \\ index.js：304：16）EventEmitter.emit的18个详细堆栈（events.js：182：13）ChildProcess的18个详细堆栈。 （C：\\ Program Files \\ nodejs \\ node_modules \\ npm \\ node_modules \\ npm-lifecycle \\ lib \\ spawn.js：55：14）18个详细堆栈位于ChildProcess.emit（events.js：182：13）18个详细堆栈也许在Close （internal / child_process.js：962：16）18的详细堆栈位于Process.ChildProcess._handle.onexit（内部/child_process.js:249:5）19的详细pkgid carlos_valencia_portfolio@0.1.0 20详细的cwd C：\\ Users \\ Carlos \\ ReactJSProjects \\ carlos_valencia_portfolio 21详细Windows_NT 10.0.17134 22详​​细argv“ C：\\ Program Files \\ nodejs \\ node.exe”“ C：\\ Program Files \\ nodejs \\ node_modules \\ npm \\ bin \\ npm-cli.js”“运行” “部署” 23详细节点v10.8.0 24详细npm v6.2.0 25错误代码ELIFECYCLE 26错误errno 1 27错误carlos_valencia_portfolio@0.1.0部署： gh-pages -d build 27错误退出状态1 28错误carlos_valencia_portfolio @失败0.1.0部署脚本。 28错误这可能不是npm的问题。 上面可能还有其他日志记录输出。 29详细出口[1，正确]

我不知道发生了什么，我在网上阅读了一些东西，说我不是在指向包含sh.exe的文件夹，而是必须在我的环境变量中指定它，而没有其他方法。 我确实尝试了在google，bing和reddit中找到的所有内容。 我真的很沮丧，想哭。 请帮忙！

Answer 1

如果您可以添加一些代码，但可能值得检查这篇文章的底部答复，将很有帮助：

https://github.community/t5/GitHub-Pages/My-react-project-doesn-t-work-on-github-pages/mp/6806#M452

特别是，此部分关于客户端路由（如果适用于您的应用程序）：

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#notes-on-client-side-routing

Answer 2

查看homepage的package.json值以及在scripts对象中的predeploy和deploy值将很有帮助。 话虽如此，以下是将React应用程序部署到Github Pages的方法：

• 构建应用程序并推送到github存储库后，通过在终端中运行以下命令来安装gh-pages ：
  • npm install --save gh-pages

• 使用以下命令更新您的package.json ：

  • "homepage": "https://[github-username].github.io/[repo-name]"
• 在scripts对象内部：
  • "predeploy": "npm run build",
  • "deploy": "gh-pages -d build"
• 跑
  • npm run deploy