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+/时解析失败。
相关内容
热门资讯
最新技巧！哈糖大菠萝有挂吗，w...
最新技巧！哈糖大菠萝有挂吗，wepoker私局辅助，可靠技巧（有挂软件）；实战中需综合运用上述技巧，...
玩家必看教程！hhpoker怎...
玩家必看教程！hhpoker怎么防作弊，wepoker国外版透视，透明挂教程（有挂方法）是一款可以让...
玩家必看分享！wepoker透...
玩家必看分享！wepoker透视挂底牌，hhpoker可以控制牌吗，德州论坛（有挂技巧）1、不需要A...
今日公布！德州局透视脚本免费版...
今日公布！德州局透视脚本免费版下载手机版，wepoker私人局怎么玩，攻略教程（有挂技巧）；玩家必备...
终于懂了！wepoker辅助器...
终于懂了！wepoker辅助器有哪些功能，哈糖大菠萝软件下载，解说技巧（有挂方法）；实战中需综合运用...
科普攻略！hhpoker有作弊...
科普攻略！hhpoker有作弊的吗，拱趴大菠萝万能辅助器，曝光教程（有挂透视）；建议优先通过拱趴大菠...
专业讨论！aapoker透视脚...
专业讨论！aapoker透视脚本下载，wepoker透视有吗，详细教程（有挂透明）是一款可以让一直输...
记者揭秘！佛手大菠萝辅助，we...
记者揭秘！佛手大菠萝辅助，wepoker辅助软件视频，德州论坛（有挂辅助）；实战中需综合运用上述技巧...
新手必备！竞技联盟破解版最新版...
1、新手必备！竞技联盟破解版最新版，wepoker到底有没有透视，切实教程（有挂透明）；详细教程。2...
总算了解！智星德州可以透视吗，...
总算了解！智星德州可以透视吗，sohoo辅助，分享教程（有挂方法）；《WPK辅助透视》：支持手机实...