我无法使用Github Pages和threeiderjs库部署一个简单的网站。在其“基本状态”下运行本地存储库的功能是成功的。
一旦尝试通过Github Pages进行部署，我发现在遵循最常见的工作流程后，会抛出404错误-
1.创建一个/dist文件夹，
1.在其中放置必要的文件（index.html、styles.css、main.js、资产等）
1.在二级分支“gh-pages”中部署。
我已经重定向了索引中的.js和.css引用以考虑此更改，尽管我仍然收到404错误。
该网站使用vite.js创建
我可以采取哪些步骤来帮助解决这个问题？我已经从头开始重建，并使用了几个参考，但似乎无法解决这个问题。
Here is the repository
- Edit：我已经成功地使用Github Pages配置了仓库，它显示为live。
1条答案
按热度按时间0kjbasz61#
我发现使用gh-pages是最简单的方法。下面是我采取的步骤：
1.在项目的终端中，运行
npm install gh-pages1.在package.json中的“scripts”下，添加一个用于“deploy”的脚本，如下所示：
"deploy": gh-pages -d dist1.构建你的项目（
npm run build）并确保你有一个GitHub repo。1.现在，您可以在终端中运行
npm run deploy，它将在Git Hub Pages中设置您的项目。运行
npm run deploy会自动创建一个名为gh-pages的分支，并自动设置GitHub Pages的设置以引用该分支。Here is a Loom video我成功地部署了一个新的Three.js/Vite项目到GitHub页面。我完成了上面列出的每一个步骤。你也可以参考我的repo here。
希望这有帮助！