Github 页面响应 three.js canvas 的 404 错误并导入
Github pages responds with 404 error for three.js canvas and imports
当尝试使用 three.js 背景托管我的网页时，在本地托管时所有内容都能正确加载，但一旦我将其推送到 github 页面，就没有任何加载 - 只是 html .
我正在使用 vite 打包我的代码，并使用 gh-pages 将 'dist' 文件夹部署到托管分支。我已经尝试将所有图像和资产的 url 更改为 '/image' 并将图像存储在根文件夹内的 public 文件夹中，如 vite 建议的那样。我 运行
$ npm 运行 构建，和
$ npm 运行 预览
一切看起来都很好。我 运行 npm 运行 deploy（我在 package.json 中添加了部署脚本，deploy: 'gh-pages -d dist'），然后在 github 页面上托管 gh-pages 分支并且只有 html 出现，并且控制台显示多个 404: file not found 错误。
托管代码在 gh-pages 分支上，如果还不清楚的话。
你的 JS 和 CSS 文件的 url 是错误的。
您的 github page 正在尝试从 https://talmage89.github.io/assets/index.2e5bc2a5.js...
加载 JS
但应该是：
https://talmage89.github.io/ThreeJSDemo2/assets/index.2e5bc2a5.js.
当尝试使用 three.js 背景托管我的网页时，在本地托管时所有内容都能正确加载，但一旦我将其推送到 github 页面，就没有任何加载 - 只是 html .
我正在使用 vite 打包我的代码，并使用 gh-pages 将 'dist' 文件夹部署到托管分支。我已经尝试将所有图像和资产的 url 更改为 '/image' 并将图像存储在根文件夹内的 public 文件夹中，如 vite 建议的那样。我 运行 $ npm 运行 构建，和 $ npm 运行 预览 一切看起来都很好。我 运行 npm 运行 deploy（我在 package.json 中添加了部署脚本，deploy: 'gh-pages -d dist'），然后在 github 页面上托管 gh-pages 分支并且只有 html 出现，并且控制台显示多个 404: file not found 错误。
托管代码在 gh-pages 分支上，如果还不清楚的话。
你的 JS 和 CSS 文件的 url 是错误的。
您的 github page 正在尝试从 https://talmage89.github.io/assets/index.2e5bc2a5.js...
加载 JS
但应该是：
https://talmage89.github.io/ThreeJSDemo2/assets/index.2e5bc2a5.js.