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+/时解析失败。

相关内容

热门资讯

透视攻略！德州局透视脚本，皮皮... 透视攻略！德州局透视脚本，皮皮辅助器（辅助）切实是真的有脚本（哔哩哔哩）皮皮辅助器能透视中分为三种模...
透视窍要！pokemmo辅助器... 透视窍要！pokemmo辅助器，中至抚州辅助软件（辅助）真是存在有插件（哔哩哔哩）1、下载好中至抚州...
透视演示！pokerworld... 透视演示！pokerworld辅助器，雀姬辅助（辅助）原来真的有教程（哔哩哔哩）1、雀姬辅助破解器简...
透视举措！impoker辅助，... 透视举措！impoker辅助，随意玩透视辅助软件（辅助）果然真的是有软件（哔哩哔哩）1、任何随意玩透...
透视模板！智星菠萝辅助，新道游... 透视模板！智星菠萝辅助，新道游科技透视通用版1（辅助）原来有教程（哔哩哔哩）1、进入游戏-大厅左侧-...
透视方式！werplan辅助软... 透视方式！werplan辅助软件，心悦填大坑技巧分析器（辅助）原来有教程（哔哩哔哩）1、透视方式！w...
透视窍要！哈糖大菠萝有挂吗5个... 透视窍要！哈糖大菠萝有挂吗5个常用方法，乐酷副厅有透视吗（辅助）竟然一直都是有技巧（哔哩哔哩）1、许...
透视法门！大菠萝免费辅助，福州... 透视法门！大菠萝免费辅助，福州天天开心辅助（辅助）一贯一直总是有攻略（哔哩哔哩）1、进入到福州天天开...
透视窍门！sohoo辅助，潮汕... 透视窍门！sohoo辅助，潮汕掌上娱透视脚本制作（辅助）其实有教程（哔哩哔哩）1、起透看视 潮汕掌上...
透视总结！约局吧德州有挂吗，陕... 透视总结！约局吧德州有挂吗，陕西三代二破解（辅助）原来一直都是有工具（哔哩哔哩）透视总结！约局吧德州...