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>
我有一个使用Datatable库的简单示例。我有它与JSFiddle（http://jsfiddle.net/3hhn7y7f/）一起使用，但是当我尝试对实际文件进行处理时，出现以下错误。我已经JQuery在<script>标记中定义了，所以我不知道问题出在哪里。
Uncaught ReferenceError: jQuery is not defined
Uncaught TypeError: $(...).DataTable is not a function
HTML文件
<html>
<head>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.8/css/jquery.dataTables.min.css">
</head>
<body>
<table id="example" class="display" width="100%"></table>
</body>
</html>
script.js
var dataSet = [
[ "Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800" ],
[ "Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750" ],
[ "Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000" ], …