我的 Glsl 着色器未在 Liveserver 或 Github 页面上加载

Question

我在 Web 开发方面还是个新手，并且一直致力于在网页中使用 3D 图像。在一个特定的项目中，我使用 .glsl 文件来加载纹理和着色器。当我在本地运行代码时，一切正常，但当我尝试在实时服务器上查看时，出现以下错误。

我不知道如何解释这一点，但我在另一个项目中遇到了类似的错误，我试图从我的节点模块访问 gsap。为了解决这个问题，我必须直接在我的 html 文件（某种 CDN）中实现一个脚本。

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>

那么，.glsl 文件是否有类似的东西，或者是否有针对此类错误的更永久的解决方案。

PS。该项目是一个简单的 HTML、CSS、JS（尽管是 ThreeJS）

Answer 1

我终于弄清楚了，这特别困难，因为没有人能直接回答它。问题是我们不能指望 Github 或 LiveServer 访问基本 HTML、CSS、JS 项目中的节点模块。这意味着我收到上述错误，因为服务器无法找到我的 glsl 文件。这就是事情变得棘手的地方 - 对于项目中使用的其他依赖项，我可以只编写一个带有托管它们的 CDN 的脚本标签。不幸的是，没有用于 glsl 文件的 CDN（也许有人可能会研究这个），但有一个解决方案。

对于任何想要了解 ThreeJs 或 WebGl 的人来说，The Book Of Shaders 是一个极好的资源。基本上，您必须在 HTML 文档中（在脚本标记中）编写 glsl 代码。