javascript - THREE.js：几何/文本/形状示例在我的本地机器上不起作用

Question

我正在尝试学习 WebGL 并想使用该库three.js。

以下是使用的示例three.js。

示例几何/文本/形状- 当您使用上面的链接时打开，显示文本three.js 简单文本。您可以在右下角下载所有示例的源代码。

我这样做并webgl_geometry_text_shapes.html在我的 PC 上打开了相同的示例 ( )，它显示了相同的页面，但没有文本。当我检查页面时，它说

three.js:32090 无法加载文件：///C:/grubera/Web-Programmierung/three.js-master/examples/fonts/helvetiker_regular.typeface.json：跨源请求仅支持协议方案：http，数据，铬，铬扩展，https。

你也可以在下图中看到！

检查窗口

有谁知道我该如何解决这个问题？我对 , 和整个网络编程的东西完全HTML陌生JavaScript！

我希望这里有人可以帮助我。

标签： javascriptthree.js

Answer 1

看起来您正在尝试直接从硬盘驱动器运行您的网页/threejs 应用程序。通常，您需要运行一个服务器（通常是用于开发的本地服务器）来为您的应用程序/网页以及图像、字体、脚本等资产提供服务，以避免这些问题。

有很多方法可以做到这一点——我倾向于http-server在为我在本地开发的简单应用程序提供静态内容时使用。

您可以http-server按照以下步骤为您的项目进行设置：

1. 安装节点和 npm
2. 安装http服务器
3. 从终端/控制台运行http-server，从项目的根目录

完成所有这些后，您就可以在浏览器中访问您的项目（默认情况下从http://localhost:8080访问）。您应该会发现这可以解决您看到的错误 -

希望这可以帮助！