在 Angular 6 中找不到带有 Angular Datatable 的模块 DataTablesModule

Question

我无法将 DataTableModule 包含到带有数据表的 Angular 6 项目中。我正在使用带有数据表的 Angular cli 6。我的代码显示找不到模块 DataTablesModule 的错误。我已经安装了与 datatable 和 jquery 相关的所有软件包。它也显示到 node_modules 文件夹中，但无法添加到 app.module.ts 中。

我附上下面的屏幕截图：

这是我的代码。

在浏览器中出现此错误

Answer 1

也许您缺少任何依赖项。按照本文档Angular Datatables中给出的步骤操作

1：安装所有依赖

• npm install jquery --save
• npm install datatables.net --save
• npm install datatables.net-dt --save
• npm install angular-datatables --save
• npm install @types/jquery --save-dev
• npm install @types/datatables.net --save-dev

2：在angular.json中添加所有依赖项

{
  "projects": {
    "your-app-name": {
      "architect": {
        "build": {
          "options": {
            "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"
            ],
            ...
}

3：导入应用程序模块

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { DataTablesModule } from 'angular-datatables';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

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