模塊'AppModule'導入的意外值'DataTablesModule'。請添加註釋@NgModule

我新的角度數據表，我試圖按照下面的說明後，鏈接https://l-lin.github.io/angular-datatables/#/getting-started 模塊'AppModule'導入的意外值'DataTablesModule'。請添加註釋@NgModule

給出的指令來實現角度數據表時，我嘗試運行採用了棱角分明的應用CLI我得到未捕獲錯誤：模塊'AppModule'導入的意外值'DataTablesModule'。請添加@NgModule註釋。

注：我在app.module.ts添加DataTablesModule如下圖所示

import { ActionComponent } from './action/action.component'; 
import { SearchfilterPipe } from './search/searchfilter.pipe'; 
import { DataTablesModule } from 'angular-datatables'; 

@NgModule({ 
declarations: [ 
AppComponent, 
routingComponents, 
LicenseComponent, 
HeaderComponent, 
ActionComponent, 
FooterComponent, 
SearchfilterPipe 

], 
imports: [ 
BrowserModule, 
HttpModule, 
FormsModule, 
DataTablesModule, 
AppRoutingModule, 
NgbModule.forRoot() 
], 
providers: [HttpModule], 
bootstrap: [AppComponent] 
}) 
export class AppModule { }

和.angular-cli.json我已經添加了下面的代碼

{ 
"apps": [ 
{ 
    ... 
    "styles": [ 
    "../node_modules/datatables.net-dt/css/jquery.dataTables.css" 
    ], 
    "scripts": [ 
    "../node_modules/jquery/dist/jquery.js", 
    "../node_modules/datatables.net/js/jquery.dataTables.js" 
    ], 
    ... 
} 
] 
}

我使用以下提供的版本。

@角/ CLI：1.1.0
節點：8.0.0
@角/編譯器：4.2.3
@角/芯：4.2.6
@角/編譯-CLI：4.2。 3

不理解爲什麼我的應用程序崩潰。任何輸入/建議將不勝感激。

來源

2017-08-02 praveen sangalad

ü可以請出示你的代碼？ – Shubhranshu

添加了代碼。 –

'angular-datatables'包含'node_modules'文件夾。這就是你得到這個錯誤的原因。我會說這是一個錯誤 – yurzui

首先修改tsconfig.json，往其中加

{ 
    "compilerOptions": { 
    ... 
    "baseUrl": "./", 
    "paths": { 
     "@angular/*": [ 
     "../node_modules/@angular/*" 
    ] 
    } 
    } 
}

接下來該塊，angular-datatables實際安裝一個版本的node_modules和包括@angular它的內部副本，這導致角版本之間有衝突，以便只是刪除node_modules從angular-datatables文件夾，你很好去。

來源

2017-09-11 11:14:18 Nour

感謝您的答案。這對我有用，但這是一個令人討厭的解決方案。我無法想象當我嘗試在碼頭集裝箱上做這件事時，這對我來說有多糟糕 –

您可以在AOT

ng serve --aot

運行或使用--preserve鏈接選項

ng serve --preserve-symlinks

來源

2017-11-14 16:52:58 antoine

模塊'AppModule'導入的意外值'DataTablesModule'。請添加註釋@NgModule

回答

相關問題