Angular DataTables: $(). DataTable не является функцией

Версия Angular: 6.0.4 ~ Версия узла: 10.4.1 ~ Версия NPM: 6.1.0

Я видел, что этот вопрос задавали много раз, но не ответили.

После выполнения этих инструкций по установке angular-datables и попытки использовать директиву для таблицы, как в их примере нулевой конфигурации, я продолжаю получать эту ошибку:

TypeError: $(...).DataTable не является функцией
в angular-datatables.directive.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>