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

时间:2018-10-04 20:21:03

标签: node.js reactjs git github github-pages

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

  

错误:无法生成sh:没有此类文件或目录致命:无法   叉子

     

npm错误!代码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错误!有关此运行的完整日志,请参见:npm ERR!
  C:\ Users \ Carlos \ AppData \ Roaming \ 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使用node@v10.8.0的信息 4个详细运行脚本['predeploy','deploy','postdeploy'] 5个信息生命周期carlos_valencia_portfolio@0.1.0~预部署:carlos_valencia_portfolio@0.1.0 6个详细的生命周期carlos_valencia_portfolio@0.1.0~predeploy:生命周期中的unsafe-perm true 7个详细的生命周期carlos_valencia_portfolio@0.1.0~predeploy:路径: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 Engine Components \ DAL; C:\ Program Files \ Intel \ Intel(R)管理引擎组件\ DAL; C:\ Program Files(x86)\ Intel \ Intel(R)管理引擎组件\ 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文件(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 :\ Users \ Carlos \ AppData \ Local \ GitHubDesktop \ 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 / c','npm run build'] 10个愚蠢的生命周期carlos_valencia_portfolio@0.1.0~predeploy:返回:代码:0信号:空 11个信息生命周期carlos_valencia_portfolio@0.1.0~部署:carlos_valencia_portfolio@0.1.0 12个详细生命周期carlos_valencia_portfolio@0.1.0~deploy:生命周期中的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 Engine Components \ DAL; C:\ Program Files \ Intel \ Intel(R)管理引擎组件\ DAL; C:\ Program Files(x86)\ Intel \ Intel(R)管理引擎组件\ 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文件(x86)\ Microsoft SQL Server \ 110 \ Tools \ Binn \; C:\ Program Files \ Microsoft SQL Server \ 110 \ Tools \ Binn \; C:\ Program Files(x86)\ Microsoft SQL Server \ 11 0 \ 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 :\ Users \ Carlos \ AppData \ 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 / c','gh-pages -d build'] 16个愚蠢的生命周期carlos_valencia_portfolio@0.1.0~deploy:返回:代码:1信号:空 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) ChildProcess.emit上的18个详细堆栈(events.js:182:13) 在也许关闭处的18详细堆栈(internal / child_process.js:962:16) Process.ChildProcess._handle.onexit上的18详细堆栈(internal / 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中找到的所有内容。我真的很沮丧,想哭。请帮忙!

2 个答案:

答案 0 :(得分:0)

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

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

尤其是有关客户端路由的这一部分(如果适用于您的应用程序):

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

答案 1 :(得分:0)

查看package.json的{​​{1}}值以及在homepage对象中的scriptspredeploy值将很有帮助。话虽如此,这是将React应用程序部署到Github Pages的方法:

  • 构建应用并推送到github存储库后,通过在终端中运行以下命令来安装deploy
    • 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"