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！德扑圈有透视吗，德普辅助软件，可靠教程（有挂黑科技）；1、在德扑圈有透视吗ai机器人技巧...
透视数据“uupoker透视”...
透视数据“uupoker透视”透视辅助安装（切实有挂）1）uupoker透视辅助挂：进一步探索uup...
透视挂！德普之星app安卓版破...
透视挂！德普之星app安卓版破解版，（德普之星）其实真的有挂，攻略教程（有挂介绍）；1、操作简单，无...
透视安卓版“newpoker脚...
透视安卓版“newpoker脚本”透视辅助下载（真是真的有挂）；1、金币登录送、破产送、升级送、活动...
透视计算“德州透视脚本”透视辅...
透视计算“德州透视脚本”透视辅助app（果然有挂）1、每一步都需要思考，不同水平的挑战会更加具有挑战...
透视透视！德普之星辅助器怎么用...
透视透视！德普之星辅助器怎么用，德扑圈有透视吗，必赢教程（有挂教程）；亲，关键说明，德普之星辅助器怎...
透视有挂“德州辅助工具到底怎么...
透视有挂“德州辅助工具到底怎么样”透视辅助挂（切实有挂）1、金币登录送、破产送、升级送、活动送。详细...
透视脚本！德普之星透视软件免费...
透视脚本！德普之星透视软件免费入口官网，德普之星私人局透视，我来教教你（有挂解说）小薇（透视辅助）致...
透视免费！佛手在线大菠萝技巧，...
透视免费！佛手在线大菠萝技巧，德州局透视，必备教程（有挂攻略）1、进入游戏-大厅左侧-新手福利-激活...
透视代打！德普辅助器辅助器怎么...
透视代打！德普辅助器辅助器怎么用，德普之星app安卓版破解版，科技教程（有挂规律）1.德普辅助器辅助...