Question

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

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

感谢。

Answer 1

您可以从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分支：

Answer 2

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

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

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

Answer 3

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

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

Answer 4

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

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

Answer 5

我有同样的问题。

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

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

5 个答案: