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+/时解析失败。
相关内容
热门资讯
9分钟总结！青山晃晃辅助器，汇...
9分钟总结！青山晃晃辅助器，汇友游戏辅助软件（其实有挂）-哔哩哔哩1）汇友游戏辅助软件辅助挂：进一步...
第六分钟解迷！赣牌圈挂怎么安装...
第六分钟解迷！赣牌圈挂怎么安装，川娱竞技辅助（本来真的有挂）-哔哩哔哩暗藏猫腻，小编详细说明赣牌圈挂...
第8分钟教你！星悦辅助神器，茶...
第8分钟教你！星悦辅助神器，茶馆游戏辅助（一贯有挂）-哔哩哔哩；1、在茶馆游戏辅助ai机器人技巧中，...
第七分钟专业！免费途游四川辅助...
第七分钟专业！免费途游四川辅助器，闲聚大联盟辅助（真是真的是有挂）-哔哩哔哩1、上手简单，内置详细流...
第二分钟推荐！赣湘互娱挂，大菠...
第二分钟推荐！赣湘互娱挂，大菠萝789辅助（切实真的是有挂）-哔哩哔哩1、操作简单，无需注册，只需要...
第二分钟解谜！吉祥填大坑小程序...
第二分钟解谜！吉祥填大坑小程序脚本，辽宁心悦游戏辅助器（都是是真的挂）-哔哩哔哩；吉祥填大坑小程序脚...
第八分钟解迷！传送屋app辅助...
第八分钟解迷！传送屋app辅助脚本怎么设置密码，兴动互娱有辅助吗（总是真的是有挂）-哔哩哔哩1、传送...
第4分钟必备！猎鱼达人破解版无...
您好，猎鱼达人破解版无限弹头这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】...
第8分钟曝光！丽水都来脚本辅助...
第8分钟曝光！丽水都来脚本辅助，四川家园辅助软件（一贯是有挂）-哔哩哔哩1、让任何用户在无需四川家园...
第一分钟了解！好友赣南新版本辅...
第一分钟了解！好友赣南新版本辅助，永盛联盟辅助脚本（竟然存在有挂）-哔哩哔哩1、让任何用户在无需好友...