NodeJS React项目未在GitHub Pages上部署

5rgfhyps  于 2023-05-22  发布在  Node.js
关注(0)|答案(1)|浏览(190)

当我尝试将我的应用部署到GitHub Pages时,我看到的只是这个页面。

我的实际项目可以在localhost上运行,但由于某种原因,我无法将其显示在GitHub Pages上。在我的package.json中,我添加了"homepage": "https://username.github.io/my-site",我的脚本看起来像这样:

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

主页url中的“username”是我实际的GitHub用户名。我做错什么了吗?我想这是GitHub官方教程建议的,除非我忽略了什么。

mtb9vblg

mtb9vblg1#

创建build文件夹

1.运行npm build创建网站的生产版本。将创建一个包含您网站最终版本的build文件夹。
1.将此文件夹推送到Github。
每次更改代码时,都必须重新生成build文件夹,以便将更改反映在Github Pages上。

配置package.json

package.json中,需要指定homepage属性:

"homepage": "https://username.github.io/my-repository/build"

如果你的package.json文件位于仓库的某个子文件夹中,而不是根目录中,那么你的homepage属性必须相应地修改:

"homepage": "https://username.github.io/my-repository/some-folder/build"

请注意,主页指向build文件夹。
您的网站将在https://username.github.io/my-repository/build上可用。

相关问题