AngularThreeJSCanvashasnotinitializer。
创始人
2024-10-29 17:01:17
0次
这个问题通常出现在在Angular中使用ThreeJS时创建canvas画布的时候。解决方法是要确保在组件的生命周期ngAfterViewInit()中将canvas画布实例化并添加到DOM中。
示例代码如下：
import { Component, ElementRef, ViewChild, AfterViewInit } from '@angular/core'; import * as THREE from 'three';
@Component({
selector: 'app-some-component',
template: '',
})
export class SomeComponent implements AfterViewInit {
@ViewChild('canvas') canvasRef: ElementRef
ngAfterViewInit() { const canvas = this.canvasRef.nativeElement; const renderer = new THREE.WebGLRenderer({ canvas }); // 在这里添加ThreeJS场景的代码 } }
上一篇：AngularThreeJSCanvashasnotinitializer
下一篇：Angular填充问题：IE11 - core-js v3.6.5的es.string.split.js方法在分割正则表达式/^|\s+/时解析失败。
相关内容
热门资讯
第3分钟推荐！微信开心十三张小...
第3分钟推荐！微信开心十三张小程序脚本，新老夫子开挂系统（都是是有挂）-哔哩哔哩1、任何微信开心十三...
8分钟详细！h5反杀工具，hh...
8分钟详细！h5反杀工具，hhpoker辅助软件是真的么（真是有挂）-哔哩哔哩1）hhpoker辅助...
九分钟普及！新老夫子脚本，衢州...
九分钟普及！新老夫子脚本，衢州都莱辅助器（竟然存在有挂）-哔哩哔哩1、衢州都莱辅助器ai机器人多个强...
五分钟解密！兴动互娱辅助工具，...
五分钟解密！兴动互娱辅助工具，雀神挂件价格（总是存在有挂）-哔哩哔哩1、这是跨平台的兴动互娱辅助工具...
2分钟必备！心悦俱乐部游戏辅助...
2分钟必备！心悦俱乐部游戏辅助，玉海楼茶苑辅助工具（好像是真的挂）-哔哩哔哩1、玉海楼茶苑辅助工具透...
第六分钟详细！新道游正版辅助，...
第六分钟详细！新道游正版辅助，广东闲来辅助软件（原来真的有挂）-哔哩哔哩一、广东闲来辅助软件软件透明...
第四分钟详细！火神大厅科技，小...
第四分钟详细！火神大厅科技，小程序微乐辅助软件（真是是真的挂）-哔哩哔哩在进入小程序微乐辅助软件辅助...
6分钟必备！越乡游双扣辅助器，...
6分钟必备！越乡游双扣辅助器，新畅游互娱辅助app（竟然真的有挂）-哔哩哔哩1、玩家可以在新畅游互娱...
第一分钟推荐！微信小程序财神破...
第一分钟推荐！微信小程序财神破解版，玉海楼茶苑辅助工具（一贯是真的挂）-哔哩哔哩1、该软件可以轻松地...
第3分钟解谜！新超凡辅助，微乐...
第3分钟解谜！新超凡辅助，微乐陕西三代自建房怎么提高胜率（好像存在有挂）-哔哩哔哩1、游戏颠覆性的策...