Angular 项目不适用于@babylonjs/viewer

Question

我在全球范围内安装了@Angular/[电子邮件受保护]。我使用命令行“ng new BabylonTest --routing false --style css --skip-git --skip-tests”创建了一个 Angular 项目。 CD 到文件夹“BabylonTest”，然后我通过输入“npm install @babylonjs/viewer --save”安装了 @babylonjs/viewer 4.2.0。在打字稿文件“app.component.ts”中，我通过添加行“import * as BabylonViewer from '@babylonjs/viewer”来导入@babylonjs/viewer。在模板文件“app.component.html”中，我删除了所有内容，只添加了一个如下的 html 元素，然后当我通过键入“ngserve”编译它时，它返回了以下错误：

错误：src/app/app.component.html:4:1 - 错误 NG8001：“babylon”不是已知元素：

1. 如果“babylon”是 Angular 组件，则验证它是否是该模块的一部分。
2. 要允许任何元素，请将“NO_ERRORS_SCHEMA”添加到该组件的“@NgModule.schemas”。

4

src/app/app.component.ts:8:16
  8   templateUrl: './app.component.html',
                   ~~~~~~~~~~~~~~~~~~~~~~
  Error occurs in the template of component AppComponent.

I am not sure what was wrong with my codes, was I missing something? I was using this link:
https://www.npmjs.com/package/@babylonjs/viewer to get the usage of @babylonjs/viewer. 

Answer 1

由于babylon查看器项目导出的是WebComponent而不是Angular组件，因此您需要将自定义元素架构添加到您的

@NgModule

定义中，如下所示：

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

@NgModule({
  declarations: [AppComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA], // <= this line
  imports: [BrowserModule, FormsModule],
  providers: [],
  bootstrap: [AppComponent]
})

Answer 2

@user9457400：我正在尝试使用@babylonjs/viewer渲染glb文件，但无法渲染它。

我正在使用 Angular 15.2.9 和 TypeScript 版本 4.9.5。

需要帮助