我目前正在开发一个简单的角度2项目,我的app.module.ts中的所有导入都如下所示
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { StockListComponent } from './stock-list/stock-list.component';
import { routing } from "./app-routing.module";
import { StockItemComponent } from './stock-item/stock-item.component';
import { ProfileComponent } from './profile/profile.component';
import { DeviceConfigurationComponent } from './device-configuration/device-configuration.component';
import { StockStatusComponent } from './stock-status/stock-status.component';
import {Calendar, Dialog, Button, InputSwitch, Dropdown, Growl, DataTable, SelectButtonModule} from 'primeng/primeng';
import {JwtHelper, AuthHttp, tokenNotExpired} from "angular2-jwt";
import {AuthService} from './auth.service';
import {DataService} from './data.service';
@NgModule({
declarations: [
AppComponent,
StockListComponent,
StockItemComponent,
ProfileComponent,
DeviceConfigurationComponent,
StockStatusComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
routing,
DataTable,
Calendar,
Dialog,
Button,
InputSwitch,
Dropdown,
Growl,
JwtHelper,
AuthHttp,
SelectButtonModule
],
providers: [
AuthService,
DataService
],
bootstrap: [AppComponent]
})
export class AppModule { }
我的终端窗口中没有任何错误,但是在chrome的控制台窗口中我收到以下错误。
metadata_resolver.js:227Uncaught Error: Unexpected directive 'DataTable' imported by the module 'AppModule'(…)
(anonymous function) @metadata_resolver.js:227
CompileMetadataResolver.getNgModuleMetadata @metadata_resolver.js:212
RuntimeCompiler._compileComponents @runtime_compiler.js:130
RuntimeCompiler._compileModuleAndComponents @runtime_compiler.js:68
RuntimeCompiler.compileModuleAsync @runtime_compiler.js:59
PlatformRef_._bootstrapModuleWithZone @application_ref.js:302
PlatformRef_.bootstrapModule @ application_ref.js:284
(anonymous function) @ main.ts:12
__webpack_require__ @ bootstrap fbc4961…:52
(anonymous function) @ zone.js:1327
__webpack_require__ @ bootstrap fbc4961…:52
webpackJsonpCallback @ bootstrap fbc4961…:23
(匿名函数)@main.bundle.js:1
答案 0 :(得分:0)
可能已经太晚了,你已经弄明白了,但是对于AuthHttp,它不应该被导入,而是提供,请看看angular2-jwt基本配置:https://github.com/auth0/angular2-jwt
@NgModule({
providers: [{
provide: AuthHttp,
useFactory: authHttpServiceFactory,
deps: [Http, RequestOptions]
}]
})