モジュール 'AppModule'によってインポートされた予期しないディレクティブ 'MatSpinner'。ここ</p> <p>NPMモジュール（package.json）です - -

Question

角度5は@NgModuleアノテーションを追加してください

"@angular/animations": "^5.0.0", 
    "@angular/cdk": "^5.0.0-rc.2", 
    "@angular/common": "^5.0.0", 
    "@angular/compiler": "^5.0.0", 
    "@angular/core": "^5.0.0", 
    "@angular/forms": "^5.0.0", 
    "@angular/http": "^5.0.0", 
    "@angular/material": "^5.0.0-rc.2", 
    "@angular/platform-browser": "^5.0.0", 
    "@angular/platform-browser-dynamic": "^5.0.0", 
    "@angular/router": "^5.0.0", 
    "core-js": "^2.4.1", 
    "hammerjs": "^2.0.8", 
    "rxjs": "^5.5.2", 
    "zone.js": "^0.8.14" 

を私はマテリアルモジュールからMatSpinner指令として

import { MatSpinner } from "@angular/material"; 
@NgModule({ 
imports: [ 

MatSpinner 
], 
declarations: [], 
providers: [], 
bootstrap: [AppComponent] 
}) 
export class AppModule { } 

をアンギュラ材料スピナーを使用していますここ

はHTMLです：

<mat-spinner></mat-spinner> 

私はエラーを受け取ります

モジュール 'AppModule'によって予期しない命令 'MatSpinner'がインポートされました。 @NgModuleアノテーションを追加してください。

Answer 1

あなたのアプリモジュールでは、MatSpinnerではなくMatProgressSpinnerModuleを一般にインポートします。 MatSpinnerはコンポーネントにインポートされます。

Answer 2

MatSpinner & MatProgressSpinnerはコンポーネントです。したがって、NgModuleにコンポーネントを追加することはできません。代わりに、宣言にコンポーネントを追加できます。

両方としてのコンポーネントではなく、あなたが直接あなたのNgModuleの輸入にMatProgressSpinnerModuleを追加することができ、あなたの NgModuleのMatSpinner内部宣言を置くこと、にMatProgressSpinnerModuleご利用いただけます。