【问题标题】:three.js component wont be displayed in my html pagethree.js 组件不会显示在我的 html 页面中
【发布时间】:2026-02-16 02:50:01
【问题描述】:

我一直在尝试将 three.js 集成到我的 html 项目中 [19:48] 画布的html代码

js代码

我收到此错误 :(( 并且未显示多维数据集

请帮帮我

【问题讨论】:

  • 请不要分享您的代码截图。相反,请使用*.com/questions/69735159/… 中的实时示例重现该问题
  • 如 Mugen87 所说,请提供实际代码。当您构建 WebGLRenderer 时,您可以传入一个 canvas 元素,或者 Three.js 为您创建一个并将其作为 domElement 返回。在您的代码中,您正在同时执行这两项操作。您应该删除 appendChild 代码,因为您的画布已经在页面上。

标签: html three.js webgl


【解决方案1】:

我认为three.js 创建了它自己的画布。尝试查询包含元素。

const canvas = document.querySelector("#orangeDiv");

【讨论】: