所以我决定用three.js、react和vite来做一个项目。后来我意识到我不想真正打扰 React，所以我项目中的 React 代码主要是骨架代码（如默认的 App 组件等）。我决定就这样离开它，基本上只专注于学习three.js。我的项目使用 npm run dev 运行良好，但我想将它部署在 Github Pages 上。所以我尝试使用 npm run build 来构建它。它生成一个 dist 文件夹，包含一个 index.html 和一个 assets 文件夹。资产文件夹中有三个文件：

index.02582158.css

index.c83bad18.js

vendor.5957e3fb.js

我猜这是某种压缩的 css，另外两个是 typescript/typescript react 文件转译的？

当我尝试运行构建的 dist 文件夹时，使用 npm run serve 它说

vite v2.3.8 build preview server running at: Local: http://localhost:5000/

我访问该页面时出现黑屏，每个错误都是这样的：

index.c83bad18.js:1 未捕获的类型错误：无法读取未定义的属性“adjustOrbit”

adjustOrbit 是 typescript 文件中定义的导出类对象的成员函数。它闪烁得非常快，但我看到 npm run build 确实构建了这个 .ts 文件。所以我不确定我做错了什么。

当我尝试将其放在 GitHub 页面上时，我在上述三个文件中都找不到 404。通过在 dist 中的 index.html 中更改它们的 srcs 和 hrefs from

/assets/index.c83bad18.js 到 ./assets/index.c83bad18.js 对于三个中的每一个（在每个路径的开头添加一个点），GitHub Pages 停止说 404 not found 并且只是与尝试运行构建相同的问题使用 vite 预览。

更新：如果我注释掉从前面提到的导出的 .ts 类中调用对象成员函数的代码，我会得到......我会描述为......我的 Three.js 代码的 25% 实际呈现在屏幕。它根本不起作用。还有更多关于 Uncaught (in promise) DOMException: The element has no supported sources.