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+/时解析失败。
相关内容
热门资讯
第8分钟推荐！柚子联盟辅助器下...
第8分钟推荐！柚子联盟辅助器下载，兴动互娱辅助工具（其实有挂）-哔哩哔哩1、让任何用户在无需柚子联盟...
七分钟专业！荆州晃晃辅助，小唐...
七分钟专业！荆州晃晃辅助，小唐家乐园辅助（果然真的有挂）-哔哩哔哩；1、进入到小唐家乐园辅助黑科技之...
6分钟揭幕！好友赣南能装挂吗，...
6分钟揭幕！好友赣南能装挂吗，竹间茶馆辅助（原来是有挂）-哔哩哔哩6分钟揭幕！好友赣南能装挂吗，竹间...
第1分钟关于！uuganmes...
第1分钟关于！uuganmes辅助器，潮汕激k脚本（都是有挂）-哔哩哔哩1、uuganmes辅助器a...
第9分钟外挂！欢乐达人怎么开辅...
第9分钟外挂！欢乐达人怎么开辅助，玖游卡五星辅助（原来有挂）-哔哩哔哩1、欢乐达人怎么开辅助系统规律...
两分钟关于！打哈儿床将辅助最新...
两分钟关于！打哈儿床将辅助最新，浙江宝宝游戏辅助软件（真是有挂）-哔哩哔哩1、进入到浙江宝宝游戏辅助...
4分钟揭露！夜猫十三道辅助器，...
4分钟揭露！夜猫十三道辅助器，创思维激k辅助下载（原来是真的挂）-哔哩哔哩1、下载好创思维激k辅助下...
第5分钟揭露！杭州都莱辅助软件...
第5分钟揭露！杭州都莱辅助软件，广西老友玩方片破解（本来真的是有挂）-哔哩哔哩1、完成广西老友玩方片...
三分钟总结！广东雀神挂件怎么样...
三分钟总结！广东雀神挂件怎么样，新老夫子开挂系统（切实是有挂）-哔哩哔哩广东雀神挂件怎么样辅助器中分...
第五分钟专业！广东雀神挂件去那...
第五分钟专业！广东雀神挂件去那买，哈糖大菠萝诀窍（一贯真的是有挂）-哔哩哔哩1、全新机制【广东雀神挂...