Angular 所有材质角度指令显示为';不是已知元素';

Angular 所有材质角度指令显示为';不是已知元素';,angular,angular-material,Angular,Angular Material,我在一个Angular 5项目(5.0.0-rc0)上,使用Angular 5材质(5.0.0-rc0),在我的一生中,我无法调试每个Angular 5材质指令 mat xyz不是已知元素 下面是我的app.module的外观 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app

我在一个Angular 5项目(5.0.0-rc0)上,使用Angular 5材质(5.0.0-rc0),在我的一生中,我无法调试每个Angular 5材质指令

mat xyz不是已知元素

下面是我的app.module的外观

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { Component } from '@angular/core';
// Import the Http Module and our Data Service
import { DataService } from './data.service';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import 'hammerjs';

import {
  MatAutocompleteModule,
  ...
  MatStepperModule
} from '@angular/material';
import { HttpModule } from '@angular/http';
import { CdkTableModule } from '@angular/cdk/table';
import { LandingComponent } from './sandbox/landing/landing.component';

@NgModule({
  declarations: [
    AppComponent,
    LandingComponent
  ],
  imports: [
    BrowserModule,
    HttpModule
  ],
  exports: [
    CdkTableModule,
    MatAutocompleteModule,
    ...
    MatTooltipModule,
  ],
  providers: [DataService], 
  bootstrap: [AppComponent]
})
export class AppModule { }
着陆组件有如下HTML

<form class="example-form">
  <mat-form-field class="example-full-width">
    <input matInput placeholder="Favorite food" value="Sushi">
  </mat-form-field>

  <mat-form-field class="example-full-width">
    <textarea matInput placeholder="Leave a comment"></textarea>
  </mat-form-field>
</form>
我知道这可能是一些小的或愚蠢的事情,但就我而言,我找不到它


提前谢谢

过去一年半以来,Webstorm一直在向我传达这样一个信息,我一直在与Angular合作。对我来说没有任何影响。它可能可以在IDE中关闭,但我很好奇Webstorm是否能解决这个问题


我看到的消息是未知的html标签垫卡。。。类似的。

过去一年半以来,Webstorm一直在向我传达这样一个信息,我一直在与Angular合作。对我来说没有任何影响。它可能可以在IDE中关闭,但我很好奇Webstorm是否能解决这个问题


我看到的消息是未知的html标签垫卡。。。与之类似。

将它们移动到导入。您当前在导出中有它们:

imports: [
    BrowserModule,
    HttpModule,
    MatAutocompleteModule,
    ...
    MatTooltipModule,
  ],
  exports: [
    CdkTableModule
  ],

将它们移动到导入。您当前在导出中有它们:

imports: [
    BrowserModule,
    HttpModule,
    MatAutocompleteModule,
    ...
    MatTooltipModule,
  ],
  exports: [
    CdkTableModule
  ],