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+/时解析失败。
相关内容
热门资讯
总结透视！wepoker透视脚...
总结透视！wepoker透视脚本免费下载pc，epoker透视底牌，机巧教程（真是有挂）-哔哩哔哩1...
揭露透视!werplan免费挂...
揭露透视!werplan免费挂下载!一直真的有辅助技巧(有挂详细)-哔哩哔哩1、玩家可以在werpl...
教你透视！werplan怎么透...
教你透视！werplan怎么透视，wepoker免费脚本咨询，手册教程（真实有挂）-哔哩哔哩1、让任...
了解透视!来玩app破解版!果...
了解透视!来玩app破解版!果然是真的有辅助技巧(有挂方式)-哔哩哔哩运来玩app破解版辅助工具，进...
推荐透视！wepoker到底有...
推荐透视！wepoker到底有没有透视，aapoker透视脚本入口，方案教程（有挂工具）-哔哩哔哩w...
了解透视!哈糖大菠萝软件下载!...
了解透视!哈糖大菠萝软件下载!总是真的有辅助神器(有人有挂)-哔哩哔哩1、打开软件启动之后找到中间准...
必备透视！hhpoker怎么防...
必备透视！hhpoker怎么防作必弊，aa poker透视软件，演示教程（有挂功能）-哔哩哔哩1、h...
曝光透视!werplan辅助软...
曝光透视!werplan辅助软件!竟然真的有辅助方法(有挂透明挂)-哔哩哔哩1、下载好werplan...
详细透视！wepoker轻量版...
您好，wepoker轻量版透视系统这款游戏可以开挂的，确实是有挂的，需要了解加去威信【1367043...
揭幕透视!epoker免费透视...
揭幕透视!epoker免费透视脚本!本来真的是有辅助方法(有挂教程)-哔哩哔哩epoker免费透视脚...