editor目录点击进入后如果一直加载不出来编辑页面

下载地址:
three.js GitHub - mrdoob/three.js: JavaScript 3D Library.

node.js Node.js — 在任何地方运行 JavaScript

下载后直接解压到本地的项目文件夹中即可

使用vscode作为开发工具,使用前请确认自己是否已安装node.js,如果没有请按照所下载的three.js版本选择对应的node.js下载。

同时推荐在vscode中安装live Server
image

在vscode中打开解压好的three.js项目文件,下面是项目目录

image

打开终端,先使用npm install安装环境

之后阅读package.json,在终端中使用start后面的npm命令,运行项目

image

如果不想使用默认的8080端口,可以在下方的配置中修改8080端口为其它目标端口

image

执行成功后会看到下面的界面

image

其中editor目录点击进入后如果一直加载不出来编辑页面,控制台的提示与下面类似:

GET https://cdn.jsdelivr.net/npm/@ffmpeg/ffmpeg@0.11.6/dist/ffmpeg.min.js net::ERR_CONNECTION_TIMED_OUT
GET https://cdn.jsdelivr.net/npm/three-gpu-pathtracer@0.0.23/build/index.module.js 

回到vscode编辑器,选择editor下的index.html文件打开,修改文件中的地址域名:将其中的cdn.jsdelivr.net修改为fastly.jsdelivr.net

image

image

image

posted on 2025-03-13 15:33  yunkuang  阅读(102)  评论(0)    收藏  举报