为什么我的create-react-app显示README.md,而不是index.html?

时间:2017-11-17 13:19:44

标签: reactjs redux github-pages create-react-app

为什么我的create-react-app显示README.md,而不是index.html?

我已经运行了npm run build - >纱线运行部署,多次检查文件结构并阅读gh-pages文档。找不到任何其他具有相同问题的帖子。

感谢。

5 个答案:

答案 0 :(得分:3)

您可以从create-react-app中检出documentation

将主页添加到package.json

打开您的package.json并为您的项目添加一个主页字段:

"homepage": "https://myusername.github.io/my-app",

或对于GitHub用户页面:

"homepage": "https://myusername.github.io",

Create React App使用主页字段来确定所构建的HTML文件中的根URL。

安装gh-pages,并将deploy添加到package.json中的脚本

现在,每当运行npm run build时,您都会看到一个备忘单,其中包含有关如何部署到GitHub Pages的说明。

要在https://myusername.github.io/my-app上发布它,请运行:

npm install --save gh-pages

或者您可以使用yarn:

纱线添加gh页 在package.json中添加以下脚本:

  "scripts": {
+   "predeploy": "npm run build",
+   "deploy": "gh-pages -d build",
    "start": "react-scripts start",
    "build": "react-scripts build",

predeploy脚本将在运行部署之前自动运行。

如果要部署到GitHub用户页面而不是项目页面,则需要进行两项其他修改:

首先,将存储库的源分支更改为master以外的任何分支。 此外,调整您的package.json脚本以将部署推送到主服务器:

  "scripts": {
    "predeploy": "npm run build",
-   "deploy": "gh-pages -d build",
+   "deploy": "gh-pages -b master -d build",

通过运行npm run deploy部署站点

然后运行:

npm run deploy

第4步:确保您的项目设置使用gh页 最后,确保将GitHub项目设置中的GitHub Pages选项设置为使用gh-pages分支:

答案 1 :(得分:3)

最常见的错误是在GitHub项目设置中将我们的GitHub Pages选项设置为使用master分支而不是gh-pages。

只需将其更改为gh-pages分支就可以了!

请参见以下示例: gh-pages branch

答案 2 :(得分:0)

希望您已经解决了这个问题,但我遇到了gh-pages同样的问题,并且CRA部署不适用于github用户页面(您的根页,而不是项目页面)。

我所做的是改变我的"部署"行至"deploy": "mv build/* ./* && rmdir build",因为GitHub 用户仅从主构建。这会将所有构建文件放在repo的最顶层目录中。推送到主人,应该部署您的页面。

答案 3 :(得分:0)

转到 设置-> Github页面->源 将源从master分支更改为gh-pages分支。

这一定会对您有所帮助。 如果您有任何其他疑问,请与我联系。

答案 4 :(得分:0)

我有同样的问题。

  1. 确保将源从master分支更改为gh-pages分支。
  2. 如果您没有README.md文件,请创建一个。