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

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

问题描述:

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

Hey I have literally been trying this for days, I have went over documentation all over, I followed tutorials and I cannot get past npm run deploy when trying to deploy my react app to github pages. I call npm run build, I place the correct url to package.json as the 'homepage', i call it again and get the 'deploy' and 'predeploy', I definitely have gh-pages in node modules, I mean I got it all I have followed every step that every tutorial could have told me. I have ran into an issue that reads the following:

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

error: cannot spawn sh: No such file or directory fatal: unable to fork

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! code ELIFECYCLE npm ERR! errno 1 npm ERR! carlos_valencia_portfolio@0.1.0 deploy: gh-pages -d build npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the carlos_valencia_portfolio@0.1.0 deploy script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR!可以在以下位置找到此运行的完整日志:C:\ Users \ Carlos \ AppData \ Roaming \ npm-cache_logs \ 2018-10-04T19_57_57_731Z-debug.log

npm ERR! A complete log of this run can be found in: 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.06个详细的生命周期carlos_valencia_portfolio@0.1.0~predeploy:生命周期中的unsafe-perm true7个详细的生命周期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:\ ProgramFiles \ 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:\ ProgramFiles \ 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 \ bin8个详细生命周期carlos_valencia_portfolio@0.1.0~predeploy:CWD:C:\ Users \ Carlos \ ReactJSProjects \ carlos_valencia_portfolio9个愚蠢的生命周期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.012个详细的生命周期carlos_valencia_portfolio@0.1.0~deploy:生命周期中的unsafe-perm true13个详细的生命周期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:\ ProgramFiles \ 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:\ ProgramFiles \ 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 \ bin14个详细生命周期carlos_valencia_portfolio@0.1.0~deploy:CWD:C:\ Users \ Carlos \ ReactJSProjects \ carlos_valencia_portfolio15个愚蠢的生命周期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详细堆栈退出状态1EventEmitter上的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.020详细的CWD C:\ Users \ Carlos \ ReactJSProjects \ carlos_valencia_portfolio21详细的Windows_NT 10.0.1713422详细argv"C:\ Program Files \ nodejs \ node.exe""C:\ Program Files \ nodejs \ node_modules \ npm \ bin \ npm-cli.js"运行"部署"23 verbose节点v10.8.024详细npm v6.2.025错误代码ELIFECYCLE26错误errno 127错误carlos_valencia_portfolio@0.1.0部署: gh-pages -d build 27错误退出状态128错误carlos_valencia_portfolio@0.1.0部署脚本失败.28错误这可能不是npm的问题.上面可能还有其他日志记录输出.29详细退出[1,正确]

0 info it worked if it ends with ok 1 verbose cli [ 'C:\Program Files\nodejs\node.exe', 1 verbose cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js', 1 verbose cli 'run', 1 verbose cli 'deploy' ] 2 info using npm@6.2.0 3 info using node@v10.8.0 4 verbose run-script [ 'predeploy', 'deploy', 'postdeploy' ] 5 info lifecycle carlos_valencia_portfolio@0.1.0~predeploy: carlos_valencia_portfolio@0.1.0 6 verbose lifecycle carlos_valencia_portfolio@0.1.0~predeploy: unsafe-perm in lifecycle true 7 verbose lifecycle carlos_valencia_portfolio@0.1.0~predeploy: PATH: 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) Management Engine Components\DAL;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Intel\Intel(R) Management Engine Components\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:\Users\Carlos\AppData\Local\GitHubDesktop\bin 8 verbose lifecycle carlos_valencia_portfolio@0.1.0~predeploy: CWD: C:\Users\Carlos\ReactJSProjects\carlos_valencia_portfolio 9 silly lifecycle carlos_valencia_portfolio@0.1.0~predeploy: Args: [ '/d /s /c', 'npm run build' ] 10 silly lifecycle carlos_valencia_portfolio@0.1.0~predeploy: Returned: code: 0 signal: null 11 info lifecycle carlos_valencia_portfolio@0.1.0~deploy: carlos_valencia_portfolio@0.1.0 12 verbose lifecycle carlos_valencia_portfolio@0.1.0~deploy: unsafe-perm in lifecycle true 13 verbose lifecycle carlos_valencia_portfolio@0.1.0~deploy: PATH: 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) Management Engine Components\DAL;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Intel\Intel(R) Management Engine Components\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:\Users\Carlos\AppData\Local\GitHubDesktop\bin 14 verbose lifecycle carlos_valencia_portfolio@0.1.0~deploy: CWD: C:\Users\Carlos\ReactJSProjects\carlos_valencia_portfolio 15 silly lifecycle carlos_valencia_portfolio@0.1.0~deploy: Args: [ '/d /s /c', 'gh-pages -d build' ] 16 silly lifecycle carlos_valencia_portfolio@0.1.0~deploy: Returned: code: 1 signal: null 17 info lifecycle carlos_valencia_portfolio@0.1.0~deploy: Failed to exec deploy script 18 verbose stack Error: carlos_valencia_portfolio@0.1.0 deploy: gh-pages -d build 18 verbose stack Exit status 1 18 verbose stack at EventEmitter. (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:304:16) 18 verbose stack at EventEmitter.emit (events.js:182:13) 18 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14) 18 verbose stack at ChildProcess.emit (events.js:182:13) 18 verbose stack at maybeClose (internal/child_process.js:962:16) 18 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:249:5) 19 verbose pkgid carlos_valencia_portfolio@0.1.0 20 verbose cwd C:\Users\Carlos\ReactJSProjects\carlos_valencia_portfolio 21 verbose Windows_NT 10.0.17134 22 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "deploy" 23 verbose node v10.8.0 24 verbose npm v6.2.0 25 error code ELIFECYCLE 26 error errno 1 27 error carlos_valencia_portfolio@0.1.0 deploy: gh-pages -d build 27 error Exit status 1 28 error Failed at the carlos_valencia_portfolio@0.1.0 deploy script. 28 error This is probably not a problem with npm. There is likely additional logging output above. 29 verbose exit [ 1, true ]

我不知道发生了什么,我在网上阅读了一些东西,说我不是在指向包含sh.exe的文件夹,而是必须在我的环境变量中指定它,而不要指定它.我从字面上尝试了我在google,bing和reddit中找到的所有内容.我真的难过了,想哭大声笑.请帮忙!

I have no idea what is going on, I read things online saying that I am not pointing at the folder that contains my sh.exe and that I have to specify it in my environment variables and whatnot. I literally tried everything I found in both google, bing and reddit. Im literally stumped and want to cry lol. Please help!

homepage 中查看您的 package.json 值会很有帮助.>脚本对象, predeploy deploy 值.话虽如此,这是将React应用程序部署到Github Pages的方法:

It would be helpful to see your package.json values for homepage, and in the scripts object, the predeploy and deploy values. That being said, here is how to deploy a React app to Github Pages:

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

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

    Update your package.json with the following:

    • 主页":"https://[github-username] .github.io/[repo-name]"
    • "predeploy":"npm run build",
    • 部署":"gh-pages -d构建"
    • npm run deploy