Angular 2与JQuery一起使用

Question

我正在尝试在Angular 2 Cli中使用JQuery。

我通过使用npm install jquery --save并将import $ from 'jquery/dist/jquery'添加到app.module.ts来安装了JQuery。

我在Chrome中得到这个错误Cannot find module 'jquery/dist/jquery'.)。但我可以在node_modules中找到jquery文件夹。

我正在使用JQuery，因为我想在我的项目中使用带阴影效果的this header。如果不使用Material Design或其他UI组件，我无法找到这种头部的角度版本（因为我更喜欢不使用它，因为它改变了我的项目中的一些样式）。

Answer 1

还有另一种非常简单的方法将jQuery添加到您的项目中。

• 在您的index.html代码中包含jQuery。

  <script src="jquery.min.js"></script>

• 然后，只需将它声明里面指定的组件：

  declare let $:any;

Answer 2

导入类型的jQuery使得打字稿编译器知道它们：

npm install --save @types/jquery 

Make su再你已经安装了jQuery的还有：

npm install --save jquery 

包括来自你的HTML页面的脚本：

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

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