Angular 2与JQuery一起使用

我正在尝试将JQuery与Angular 2 Cli结合使用

我使用

npm install JQuery--save

安装JQuery，并将

import$从'JQuery/dist/JQuery'

添加到app.module.ts

我在Chrome中发现此错误

无法找到模块“jquery/dist/jquery”。）

。但是我可以在node_模块中找到jquery文件夹

---

我使用JQuery是因为我想在我的项目中使用阴影效果。如果不使用材质设计或其他UI组件，我找不到这种类型标题的角度版本（因为我不喜欢使用它，因为它改变了我项目中的一些样式）。

还有另一种非常简单的方法可以将

jQuery

添加到项目中

• 在

  index.html

  代码中包含

  jQuery

• 然后只需在指定组件中声明它：

  声明let$：any
  

---

导入jQuery的类型，以便TypeScript编译器了解它们：

npm install --save @types/jquery

确保您还安装了jQuery：

npm install --save jquery

并包含HTML页面中的脚本：

<script src="node_modules/jquery/dist/jquery.js"></script>

---

默认情况下，您的tsconfig文件将在node_modules/@types文件夹下查找以解析类型。假设您没有更改默认值，它应该在编译时自动正确解析jQuery类型。

谢谢，这很有效。但是我用了

来代替。@todo当然。我刚刚使用了我的代码，

jQuery

存储在本地的一个文件中，与

index.html

是：）同一个文件夹中。这真的很难看……但它简单、快速，而且有效！：D如果需要，还可以添加可选的integrity attr，例如：