將create-react-app應用程序部署到github頁面可以很好地構建，但是不會部署

Question

我有一個使用create-react-app創建的React應用。 它在我的本地主機上運行正常，沒有錯誤。

我在github上有一個存儲庫，我在master分支上。 當我運行npm run時，部署應用程序構建沒有問題，但是在部署時，我會收到以下消息：

fatal: HttpRequestException encountered.
   An error occurred while sending the request.
bash: /dev/tty: No such device or address
error: failed to execute prompt script (exit code 1)
fatal: could not read Username for 'https://github.com': No error

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! my-app@0.1.0 deploy: `gh-pages -d build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the my-app@0.1.0 deploy script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Gaz\AppData\Roaming\npm-cache\_logs\2018-03-11T22_02_32_295Z-debug.log

完整的日志如下：

0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Users\\Gaz\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'run',
1 verbose cli   'deploy' ]
2 info using npm@5.7.1
3 info using node@v8.9.3
4 verbose run-script [ 'predeploy', 'deploy', 'postdeploy' ]
5 info lifecycle my-app@0.1.0~predeploy: my-app@0.1.0
6 verbose lifecycle my-app@0.1.0~predeploy: unsafe-perm in lifecycle true
7 verbose lifecycle my-app@0.1.0~predeploy: PATH: C:\Users\Gaz\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\my-app\node_modules\.bin;C:\Users\Gaz\bin;C:\Program Files\Git\mingw64\bin;C:\Program Files\Git\usr\local\bin;C:\Program Files\Git\usr\bin;C:\Program Files\Git\usr\bin;C:\Program Files\Git\mingw64\bin;C:\Program Files\Git\usr\bin;C:\Users\Gaz\bin;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0;C:\Program Files\nodejs;C:\Program Files\Git\cmd;C:\Users\Gaz\AppData\Local\Microsoft\WindowsApps;C:\Users\Gaz\AppData\Roaming\npm;C:\Program Files (x86)\Microsoft VS Code\bin;C:\Program Files\Git\usr\bin\vendor_perl;C:\Program Files\Git\usr\bin\core_perl
8 verbose lifecycle my-app@0.1.0~predeploy: CWD: C:\my-app
9 silly lifecycle my-app@0.1.0~predeploy: Args: [ '/d /s /c', 'npm run build' ]
10 silly lifecycle my-app@0.1.0~predeploy: Returned: code: 0  signal: null
11 info lifecycle my-app@0.1.0~deploy: my-app@0.1.0
12 verbose lifecycle my-app@0.1.0~deploy: unsafe-perm in lifecycle true
13 verbose lifecycle my-app@0.1.0~deploy: PATH: C:\Users\Gaz\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\my-app\node_modules\.bin;C:\Users\Gaz\bin;C:\Program Files\Git\mingw64\bin;C:\Program Files\Git\usr\local\bin;C:\Program Files\Git\usr\bin;C:\Program Files\Git\usr\bin;C:\Program Files\Git\mingw64\bin;C:\Program Files\Git\usr\bin;C:\Users\Gaz\bin;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0;C:\Program Files\nodejs;C:\Program Files\Git\cmd;C:\Users\Gaz\AppData\Local\Microsoft\WindowsApps;C:\Users\Gaz\AppData\Roaming\npm;C:\Program Files (x86)\Microsoft VS Code\bin;C:\Program Files\Git\usr\bin\vendor_perl;C:\Program Files\Git\usr\bin\core_perl
14 verbose lifecycle my-app@0.1.0~deploy: CWD: C:\my-app
15 silly lifecycle my-app@0.1.0~deploy: Args: [ '/d /s /c', 'gh-pages -d build' ]
16 silly lifecycle my-app@0.1.0~deploy: Returned: code: 1  signal: null
17 info lifecycle my-app@0.1.0~deploy: Failed to exec deploy script
18 verbose stack Error: my-app@0.1.0 deploy: `gh-pages -d build`
18 verbose stack Exit status 1
18 verbose stack     at EventEmitter.<anonymous> (C:\Users\Gaz\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\index.js:285:16)
18 verbose stack     at emitTwo (events.js:126:13)
18 verbose stack     at EventEmitter.emit (events.js:214:7)
18 verbose stack     at ChildProcess.<anonymous> (C:\Users\Gaz\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
18 verbose stack     at emitTwo (events.js:126:13)
18 verbose stack     at ChildProcess.emit (events.js:214:7)
18 verbose stack     at maybeClose (internal/child_process.js:925:16)
18 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
19 verbose pkgid my-app@0.1.0
20 verbose cwd C:\my-app
21 verbose Windows_NT 10.0.16299
22 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\Gaz\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "run" "deploy"
23 verbose node v8.9.3
24 verbose npm  v5.7.1
25 error code ELIFECYCLE
26 error errno 1
27 error my-app@0.1.0 deploy: `gh-pages -d build`
27 error Exit status 1
28 error Failed at the my-app@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 ]

我嘗試將基本名稱添加到我的connectedRouter中的歷史記錄中（使用react-router-redux），仍然是相同的錯誤。

我更新了存儲庫地址以包括我的用戶名和密碼憑據，以排除任何登錄問題。

我以為可能是問題所在，將存儲庫重命名為其原始名稱。

我還重命名了創建為docs的build文件夾，並嘗試通過github上的master / docs選項以這種方式運行github頁面（因為似乎沒有選擇手動選擇gh-pages分支的選項，就像很多說明所說的那樣） ）。 我仍然沒有運氣。 我確實認為這是我必須采取的方式，盡管正如我剛剛意識到的那樣，當我嘗試在GitHub頁面上托管master / docs時，它的確在瀏覽器選項卡上顯示了我的react-app標題，但確實如此不加載任何東西。

我的package.json文件可以在下面看到：

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "homepage": "https://gurtaj1.github.io/Site1",
  "dependencies": {
    "bootstrap-less": "^3.3.8",
    "classnames": "^2.2.5",
    "history": "^4.7.2",
    "immutability-helper": "^2.3.0",
    "lodash": "^4.17.4",
    "paginator": "^1.0.0",
    "prop-types": "^15.6.1",
    "react": "^15.6.2",
    "react-dom": "^15.6.2",
    "react-js-pagination": "^3.0.1",
    "react-redux": "^5.0.5",
    "react-router": "^4.2.0",
    "react-router-dom": "^4.1.1",
    "react-router-redux": "^5.0.0-alpha.9",
    "redux": "^3.7.2",
    "redux-devtools-extension": "^2.13.2",
    "redux-thunk": "^2.2.0"
  },
  "devDependencies": {
    "gh-pages": "^1.1.0",
    "react-scripts": "1.0.6"
  },
  "scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

該存儲庫當前且最初稱為Site1。

這里發生了什么？

它與我的實際應用程序有關，還是與我嘗試部署它的方式有關？

Answer 1

因此，我現在設法將我的存儲庫添加到我的github頁面上。

我不是使用deploy方法，而是使用我在問題中提到的master / docs方法（使用github UI將docs文件夾設置為github頁面的源）來完成此操作。 看到這里https://blog.github.com/2016-08-17-simpler-github-pages-publishing/ 。

我認為，當我嘗試使deploy方法工作並可能仍使用舊版本/未在其歷史記錄中包含基名稱的版本時，已將回購名稱更改為原始名稱，這是導致此方法無法使用的原因我第一次嘗試時就可以工作。

我對使用此方法感到滿意，並且我相信這是現在的popper方法，而不是我最初嘗試的部署方法。 盡管我找不到真正的源代碼，但是github UI如此指示，因為我看到了一些指導原則，告訴您選擇存儲庫的gh-pages分支作為github頁面的源代碼，但這不再是一個選擇，至少不在我的github倉庫上不是。

我希望其他有相同問題的人可以從中獲得幫助。