Question

我遵循了以下教程：

https://pages.github.com/

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#deployment

现在我的回购名称是：username.github.io [用我的名字替换用户名]。

我对我应该放在package.json文件上的内容感到困惑，因为它与React部署教程有冲突。这就是我现在所拥有的[用我的名字替换]：

{
    "name": "personal-website",
    "homepage": "https://username.github.io",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
      "gh-pages": "^1.0.0",
      "react": "^15.6.1",
      "react-bootstrap": "^0.31.1",
      "react-dom": "^15.6.1",
      "react-scripts": "1.0.10"
    },
    "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"
    }
}

每次加载到username.github.io页面时，它只显示README.md文件，而不显示实际的React应用程序。我的index.html文件必须在公共目录中，否则npm start将无法正确加载。关于如何解决这个问题的任何建议？

Answer 1

您可以使用https://github.com/shinnn/gulp-gh-pages。我自己使用lib来将反应应用程序部署到github页面：https://github.com/madnight/githut/blob/master/gulpfile.babel.js

Answer 2

我不想在GitHub之后为URL添加扩展名。所以，我最终使用了浪涌： Demo

它有效并且非常易于使用。

将React部署到GitHub页面

2 个答案: