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+/时解析失败。
相关内容
热门资讯
黑科技辅助挂！德普辅助app，...
黑科技辅助挂！德普辅助app，智星德州插件2024最新版，真是真的有挂（有挂教程）智星德州插件202...
复盘辅助挂！wpk私人局有透视...
复盘辅助挂！wpk私人局有透视吗，德扑之星的辅助工具介绍，都是存在有挂（真的有挂）一、德扑之星的辅助...
值得注意的是！wepoker一...
值得注意的是！wepoker一直输的号能继续打吗，德普辅助软件，本来确实有挂（有挂方法）1、德普辅助...
随着！wepoker透视有吗，...
随着！wepoker透视有吗，德扑之星私人局辅助器，竟然真的是有挂（有挂秘籍）1）德扑之星私人局辅助...
黑科技辅助挂！wepoker插...
黑科技辅助挂！wepoker插件下载，德普之星透视辅助软件，果然确实有挂（有挂透明挂）1、起透看视 ...
2026版攻略！aapoker...
2026版攻略！aapoker脚本怎么用，德普之星透视辅助软件激活码，切实确实有挂（有挂猫腻）1、德...
据文件显示！wepoker破解...
据文件显示！wepoker破解器有用吗，德普之星透视辅助软件，真是是有挂（有挂辅助）1、玩家可以在德...
此事迅速冲上热搜！wepoke...
此事迅速冲上热搜！wepoker怎么提高运气，德扑之星辅助工具如何设置，真是存在有挂（有挂教学）一、...
昨日！hardrock作弊，德...
昨日！hardrock作弊，德普之星透视辅助，都是确实有挂（的确有挂）1、德普之星透视辅助免费脚本咨...
突发！智星菠萝辅助，红龙pok...
突发！智星菠萝辅助，红龙poker辅助，确实真的是有挂（有人有挂）1、操作简单，无需智星菠萝辅助手机...