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+/时解析失败。
相关内容
热门资讯
于此同时！佛手在线是不是有挂，...
于此同时！佛手在线是不是有挂，决战十水三辅助，都是是有辅助脚本（哔哩哔哩）1、金币登录送、破产送、升...
专业透视！pokermaste...
专业透视！pokermaster脚本，pokemmo修改器手机版（透视）其实真的有辅助app（哔哩哔...
分享透视！拱趴大菠萝作必弊方法...
分享透视！拱趴大菠萝作必弊方法，拱趴大菠萝有什么挂（透视）一贯有辅助技巧（哔哩哔哩）1）拱趴大菠萝作...
围绕透视问题！hhpoker到...
围绕透视问题！hhpoker到底可以作必弊码，欢聚水鱼智能辅助脚本怎么用，都是是真的有辅助app（哔...
了解透视！werplan脚本，...
了解透视！werplan脚本，fishpoker透视（透视）总是一直总是有辅助方法（哔哩哔哩）亲，关...
刚刚！大菠萝免费辅助，兴动互娱...
刚刚！大菠萝免费辅助，兴动互娱辅助工具靠谱吗，总是是真的有辅助神器（哔哩哔哩）兴动互娱辅助工具靠谱吗...
教你透视！德州透视是真的吗，拱...
教你透视！德州透视是真的吗，拱趴大菠萝万能挂图解（透视）果然存在有辅助脚本（哔哩哔哩）1、下载好拱趴...
据监测！hhpoker到底可以...
据监测！hhpoker到底可以作必弊吗，新海贝辅助，总是有辅助app（哔哩哔哩）1、每一步都需要思考...
详情透视！pokemmo脚本辅...
详情透视！pokemmo脚本辅助，pokemmo辅助脚本（透视）果然是真的有辅助app（哔哩哔哩）1...
推出新举措！hhpkoer辅助...
推出新举措！hhpkoer辅助器，潮汕雀友会下载app，竟然是有辅助攻略（哔哩哔哩）潮汕雀友会下载a...