Github页面对three.js画布和导入响应404错误



当尝试用3 .js背景托管我的网页时,在本地托管时一切都加载正常,但一旦我将它推送到github页面就没有加载-只是html。

我正在使用vite来打包我的代码,并使用gh-pages来部署'dist'文件夹到托管分支。我已经尝试将所有图像和资产的url更改为"/image",并将图像存储在根文件夹内的公共文件夹中,正如vite建议的那样。我跑$ NPM run build,和$ NPM运行预览一切看起来都很好。我运行npm运行部署(我在包中添加了一个部署脚本。Json, deploy: 'gh-pages -d dist'),然后在github页面上托管gh-pages分支,只显示HTML,并且控制台显示多个404:file not found errors。

回购

宿主代码在h-pages分支上,如果这还不清楚的话。

JS和CSS文件的url是错误的。
你的github页面正试图从https://talmage89.github.io/assets/index.2e5bc2a5.js加载JS…
但应该是:
https://talmage89.github.io/ThreeJSDemo2/assets/index.2e5bc2a5.js

Vite文档提供了在Github Pages上托管时设置base的具体说明

相关内容

  • 没有找到相关文章

最新更新