角2 - 要素を必要とするスクリプト

Question

script.htmlをindex.htmlではなくコンポーネントで使用しようとするとエラーが発生します。コメント欄は、単にindex.htmlを実行するときに機能します。

<script src="https://aframe.io/releases/0.3.2/aframe.js"></script> 
<!-- 
    <a-scene> 
    </a-scene> 
--> 

私は 'a-scene'要素を自分のコンポーネントに送信すると機能しません。

@Component({ 
    selector: 'app-test0', 
    template: ` 
    <a-scene> 
    </a-scene> 
    `, 
    styles: [] 
}) 

このエラーはコンソールに表示されます。

"「a-scene」がAngularコンポーネントの場合、それがこのモジュールの一部であることを確認してください。

"2. 'a-scene'がWebコンポーネントの場合は、このコンポーネントの '@ NgModule.schemas'に「CUSTOM_ELEMENTS_SCHEMA」を追加して、このメッセージを表示しないようにしてください。

Answer 1

私はそれをいくらか得ることができました。 A-Frame VRでエラーが発生していますが、この問題の範囲外です。私は "app.module.ts"ファイルで問題を解決できました。

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

へ

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

と

@NgModule({ 
    declarations: [ 
    AppComponent, 
    Test0Component 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    Test0Component 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent], 
    schemas: [ CUSTOM_ELEMENTS_SCHEMA ] 
}) 

へ