github 页面在页面源文件加载时抛出错误“未找到”

Question

我使用

gh-pages

部署了我的分支。它显示为成功。但是当我打开页面时，

html

按照我的预期加载。但

assets

文件夹中的源文件会抛出错误，如

404

。

我在我的 package.json 中添加了

"private": false,

并且我的浏览器根目录更新如下：

import React from "react";
import ReactDOM from "react-dom/client";
import { BrowserRouter } from "react-router-dom";
import App from "./App.tsx";
import "./index.css";

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <BrowserRouter basename={process.env.PUBLIC_URL}>
      <App />
    </BrowserRouter>
  </React.StrictMode>
);

但仍然收到错误：

无法理解确切的问题。

Answer 1

如果仓库名称不符合

<username>.github.io

的格式，则站点将部署到

<username>.github.io/<your_repo_name>

。

看来

https://3gwebtrain.github.io/gitaction/

要求的是

/assets/index-d7679c67.js

而不是

/gitaction/assets/index-d7679c67.js

。

要解决此问题，您可以尝试将

--base "/gitaction/"

添加到 dev/build/preview 命令:)