使用 gh-pages 进行反应构建会生成静态文件的错误文件路径

Question

各位程序员大家好！

我正在尝试在 npm 库 gh-pages 的帮助下部署应用程序。我遇到的问题是我的构建文件夹中的index.html 错误地将我的存储库名称添加到静态文件路径。

根据文档，我的 package.json 中的主页字段应该如下所示

"homepage": "https://username.github.io/repoName/",

但是，当我输入网站网址时，我收到 404 错误代码，因为它正在寻找我的静态文件

"/repoName/static/js/main.34abd32a.chunk.js"

这让我感到困惑，因为我需要保留我的主页字段，以便能够将其推送到 gh-pages 分支。

有任何想法吗？

Answer 1

我遇到了同样的问题，静态文件无效repo-name/static/..。正确的一个是/static/..

我使用 gh-pages (https) 创建了应用程序，npx create-react-app并使用 gh-pages (https) 和来自 google 域的自定义域

我通过以下步骤解决了它

1. 在 package.json 中"homepage": "https:/username.github.io"（此处不要使用存储库名称）
2. 使用BrowserRouter或HashRouterindex.js。下面是我的代码片段

import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'

ReactDOM.render(
  <React.StrictMode>
    <Router>
      <Switch>
        <Route exact path="/">
          <App />
        </Route>
      </Switch>
    </Router>
  <React.StrictMode>,
  document.getElementById('root')
);