Angular 找不到文件名';cssSelectorHelper';

Angular 找不到文件名';cssSelectorHelper';,angular,typescript,Angular,Typescript,我是新来的。最近,我根据youtube教程从头开始构建了一个MEAN应用程序(它也在github中)。然后我尝试将其与引导管理模板()集成 问题来了-当运行引导管理模板项目本身时,没有问题。然后,我将管理模板“客户端”文件夹复制到MEAN应用程序,并使用npm安装解决依赖关系。虽然我安装了所有依赖项,但visual studio代码仍然报告在chart.component.ts中找不到名称“$”(在上面的引导管理模板链接中,导航到/SB-admin-BS4-Angular-2/src/clien

我是新来的。最近,我根据youtube教程从头开始构建了一个MEAN应用程序(它也在github中)。然后我尝试将其与引导管理模板()集成

问题来了-当运行引导管理模板项目本身时,没有问题。然后,我将管理模板“客户端”文件夹复制到MEAN应用程序,并使用npm安装解决依赖关系。虽然我安装了所有依赖项,但visual studio代码仍然报告在chart.component.ts中找不到名称“$”(在上面的引导管理模板链接中,导航到/SB-admin-BS4-Angular-2/src/client/app/dashboard/charts/chart.component.ts)(很抱歉,我不能发布超过2个链接)

var面积图:any=$(“#面积图”)

交叉引用回原始工作管理模板,dollarsign“$”在typescript中被定义为cssSelectorHelper

然后我试图声明以下内容:

声明var$:cssSelectorHelper

然后它报告说,[ts]找不到名称“cssSelectorHelper”。这使我认为问题可能是因为typescript无法识别cssSelectorHelper

任何人都可以建议如何解决这个问题?(我对所有这些都不熟悉。如果上述解释不合理,请帮助澄清。)


提前感谢。

$前端开发通常用于jQuery。您必须将jQuery添加为脚本标记,并将

declare var $: any;
.ts
文件的顶部


请记住,混合使用Angular和jQuery是不可取的,最好的做法是实现您在Angular 2中尝试做的事情。

Angular 2是一个用于
MVC
MVVM
模式的框架,而
jQuery
有一点功能性。是的,use可以在Angular 2中使用
JQuery
,但大多数情况下它们不会。然而,有些人仍然发现为每个元素编写指令或组件很复杂

这里的问题是,当您使用脚本标记在html文件中导入
jquery
时,Angular 2编译器不知道这一点。因此,您必须以某种方式告诉编译器,
jquery
已导入。有些人只是简单地包括
declare var$:JQueryStatic
或类似的内容。但是对于
jquery
和其他库来说,最标准的方法是使用键入来输入所有明确键入的文件

首先,您必须安装打字,然后搜索所需的库并安装其明确键入的文件


然后只需在
.ts
文件的顶部添加
//
,即可完成所有操作!VSCode将为您支持intellisense和所有其他东西

嗨@Alexander,首先感谢你抽出时间来帮助我。非常感谢。我已经用更多的细节更新了我的问题。我不知道为什么在集成代码之前,它运行得很好。然而,在尝试与MEAN应用程序集成时,我遇到了问题。希望你能帮忙。谢谢