angular-datatables ReferenceError: $ is not defined using Dot net core angular 4 template

【问题标题】：angular-datatables ReferenceError: $ is not defined using Dot net core angular 4 templateangular-datatables ReferenceError: $ is not defined using Dot net core angular 4 template
【发布时间】：2018-08-17 02:19:58
【问题描述】：

我使用 Visual Studio 模板创建了一个带有 dot net core 的 Angular 4 应用程序。我想在我的应用程序中使用数据表并尝试使用https://l-lin.github.io/angular-datatables/#/getting-started 执行步骤但我收到错误：ReferenceError: $ is not defined。我尝试使用 import * as $ from "jquery";但没有奏效。请指教。谢谢。

【问题讨论】：

请提供更多信息，澄清您的问题，并正确格式化（将代码放入代码块中）。否则，将很难有帮助地回答您的问题。见：stackoverflow.com/help/how-to-ask

标签： angular angular-datatables

【解决方案1】：

您不能关注 https://l-lin.github.io/angular-datatables/#/getting-started 的 .Net Core - Angular 应用程序。该设置需要.angular_cli.json，并且由于您没有使用ng serve，因此它不会那样工作。

您可以在您的 ASP .NET index.cshtml 文件中添加 CDN .js 包：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js" type="text/javascript"></script>

并在您的 _Layout.cshtml 文件中添加 css：

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" />

请检查并让我们知道这是否有效。祝你好运。

【讨论】：