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+/时解析失败。
相关内容
热门资讯
透视推荐！aapoker真的假...
透视推荐！aapoker真的假的（透视）wepoker透视辅助，教程指引（真的有挂）-哔哩哔哩1、透...
透视解迷！xpoker辅助（透...
透视解迷！xpoker辅助（透视）哈糖大菠萝能开挂吗，教程烘培（有挂细节）-哔哩哔哩哈糖大菠萝能开挂...
透视教你！wepoker怎么发...
透视教你！wepoker怎么发冤家牌（透视）约局吧能不能开挂，教程教材（有挂教学）-哔哩哔哩1、下载...
透视关于！德普之星辅助工具如何...
透视关于！德普之星辅助工具如何设置（透视）pokemmo脚本，教程经验（有挂细节）-哔哩哔哩1、上手...
透视教你！hhpoker辅助器...
透视教你！hhpoker辅助器视频（透视）wepoker私局辅助，教程绝活（有挂透视）-哔哩哔哩1、...
透视关于！wpk模拟器（透视）...
透视关于！wpk模拟器（透视）wepoker手机版透视脚本，教程项目（有挂存在）-哔哩哔哩1、wep...
透视科普！有哪些免费的wpk透...
透视科普！有哪些免费的wpk透视码（透视）wepoker怎么获得好牌，教程手段（有挂详情）-哔哩哔哩...
透视详细！aapoker插件下...
透视详细！aapoker插件下载（透视）wepoker有什么规律，教程手册（有挂助手）-哔哩哔哩1、...
透视开挂！wepoker怎么增...
透视开挂！wepoker怎么增加运气（透视）wpk透视辅助，教程讲义（有挂细节）-哔哩哔哩1、玩家可...
透视解谜！拱趴大菠萝挂（透视）...
透视解谜！拱趴大菠萝挂（透视）wpk私人局辅助是真的吗，教程学习（有挂助手）-哔哩哔哩1、该软件可以...