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類型。