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分钟揭幕！拱趴辅助器，微乐家乡自建房辅助app（好像是有挂）-哔哩哔哩所有人都在同一条线上，像星星...
第3分钟总结！心悦填大坑辅助器...
第3分钟总结！心悦填大坑辅助器免费下载，浙江宝宝游戏辅助器（总是真的有挂）-哔哩哔哩1、金币登录送、...
两分钟教你！广西微乐小程序辅助...
两分钟教你！广西微乐小程序辅助器，反杀大厅辅助（一直真的有挂）-哔哩哔哩1）广西微乐小程序辅助器辅助...
7分钟总结！大唐辅助器，方片十...
7分钟总结！大唐辅助器，方片十三张外卦（果然是有挂）-哔哩哔哩1、每一步都需要思考，不同水平的挑战会...
2分钟科普！樱花之盛牛牛挂，w...
2分钟科普！樱花之盛牛牛挂，wepoker开挂事件（其实是真的挂）-哔哩哔哩1、许多玩家不知道樱花之...
第七分钟揭幕！奇迹免费自动挂机...
第七分钟揭幕！奇迹免费自动挂机脚本，决战卡五星辅助软件（好像是有挂）-哔哩哔哩1、让任何用户在无需奇...
第7分钟详细！爱来510k辅助...
第7分钟详细！爱来510k辅助器，葫芦娃辅助修改器下载（果然真的是有挂）-哔哩哔哩1、葫芦娃辅助修改...
一分钟了解！沧海十三水辅助器，...
一分钟了解！沧海十三水辅助器，情怀辅助哪里可以装（果然真的有挂）-哔哩哔哩1）情怀辅助哪里可以装辅助...
第六分钟总结！新九哥脚本，微信...
第六分钟总结！新九哥脚本，微信微乐游戏辅助脚本（切实真的是有挂）-哔哩哔哩微信微乐游戏辅助脚本是一种...
第八分钟关于！闲来辅助平台，牛...
第八分钟关于！闲来辅助平台，牛总管怎么做辅助（果然是有挂）-哔哩哔哩牛总管怎么做辅助软件透明挂微扑克...