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

【问题标题】：Cannot find module DataTablesModule with Angular Datatable in Angular 6在 Angular 6 中找不到带有 Angular Datatable 的模块 DataTablesModule
【发布时间】：2018-10-12 10:35:41
【问题描述】：

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

我附上下面的截图：

这是我的代码。

在浏览器中出现此错误

【问题讨论】：

你是否在 angular.json 中包含了文件路径？
是的，我已经包含了

标签： angular datatable angular6 angular-datatables

【解决方案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 {}

【讨论】：

遵循所有这些步骤，但角度数据表仍然显示错误

【解决方案2】：

我遇到了同样的问题。我通过在终端中运行以下命令解决了它：

ng add angular-datatables

参考：https://www.npmjs.com/package/angular-datatables/v/9.0.2

另外，如果有人想看，这是我的完整代码。

https://github.com/xbox2204/SpringBoot-JPA-Swagger-Angular

【讨论】：

【解决方案3】：

我遇到了同样的错误，因为我使用了 angular CLI 命令：ng add angular-datatables。但是当我手动安装软件包时，错误消失了。这是包裹：

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

【讨论】：