无法将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!可以在以下位置找到此运行的完整日志:
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
-