reactjs - react build with gh-pages 生成错误的静态文件路径

Question

各位程序员 friend 们好!

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

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

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

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

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

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

有任何想法吗？

Answer 1

我有同样的问题，静态文件用作 repo-name/static/..这是无效的。正确的是/static/..我使用 npx create-react-app 创建了应用程序并将 gh-pages (https) 与来自 google 域的自定义域一起使用
我用以下步骤解决了它

在 package.json "homepage": "https:/username.github.io" (不要在这里使用 repo 名称)

使用 BrowserRouter或 HashRouter索引.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')
);