角度数据表:$(…)。数据表不是函数

角度版本:6.0.4~节点版本:10.4.1~ NPM版本:6.1.0

我见过这个问题问了很多次,但没有回答。

跟着这些 instructions to install angular-datables 并尝试在表上使用该指令,如 Zero Configuration example ,我一直收到这个错误:

类型错误:$(…)。DataTable不是函数。
角度数据表。指令JS:42

包括样式和脚本

"styles": [
   "node_modules/bootstrap/dist/css/bootstrap.min.css",
   "node_modules/datatables.net-dt/css/jquery.dataTables.css",
   "src/styles.css"
],
"scripts": [
   "node_modules/jquery/dist/jquery.min.js",
   "node_modules/bootstrap/dist/js/bootstrap.min.js",
   "node_modules/datatables.net/js/jquery.dataTables.js"
]

在app.module.ts中导入

import { DataTablesModule } from 'angular-datatables';

DataTablesModule将添加到导入数组中。

*.component.html组件

<h1>View Accounts</h1>
<table class='table table-dark text-center table-striped table-hover rounded' datatable>
  <thead class='thead-dark'>
    <tr>
      <td>#</td>
      <td>Account Name</td>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor='let account of db.accounts; let i = index' routerLink='/account/{{account.id}}'>
      <td>{{i+1}}</td>
      <td>{{account.accountHolder}}</td>
    </tr>
  </tbody>
</table>