Angular 2和jQuery

我正在嘗試將jQuery添加到Angular 2項目（https://www.npmjs.com/package/generator-modern-web-dev）到jspm。至於我能理解，我要運行Angular 2和jQuery

jspm install jquery

然後用

import {$} from "jquery"

在我的組件

。但是我收到一個錯誤Cannot find module 'jquery'。我做錯了什麼？

來源

2016-03-04 Seroga Mell

爲什麼不使用簡單的'jQuery'使用npm？我有解決方案使用簡單的jquery我不知道jspm。如果你覺得需要同樣的病態發佈作爲答案， –

你在使用手稿嗎？ – rgvassar

是的，我正在使用TypeScript。 @PardeepJain，我很樂意看到你的解決方案與NPM。 –

隨着JSPM我相信它應該是

import $ from "jquery"

，並確保你的打字稿滿意

declare var $;

來源

2016-03-04 21:16:11 dfsq

不幸的是，這個失敗，錯誤'無法找到模塊'jquery''。我將不勝感激你看看測試項目 https://github.com/SergeyMell/angular2-test-project –

隨着NPM我安裝jQuery使用使用

npm install jQuery --save

則命令行將依賴項導入Index.html文件

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

，並在底部你component類（導出類ABC之外{}型）

declare var jQuery: any

，那麼你將能夠使用jQuery（ '＃什麼'）...

來源

2016-03-05 05:51:46

這在開發模式下工作，但在生產失敗......我認爲這可能與一些項目生成器指令。你會好看嗎？ https://github.com/SergeyMell/angular2-test-project –

沒有用'生產模式'測試過......可能是錯誤發生不知道 –

我發現的唯一解決方案是將腳本注入到index.html與**內聯**屬性爲 '' 雖然有效，但我認爲這不是一個好主意。 –

不管包管理器如何，使用JavaScript庫都與框架有關，而與集成到語言中更有關係。

對於TypeScript，您需要確保您具有給定JavaScript庫的類型定義。

您可以通過Types Search on GitHub找到類型列表，由Definitely Typed和types-publisher供電。

所以，通過NPM jQuery的類型......

npm install --save @types/jQuery

從那裏，一定要在您的打字稿文件類型聲明...

/// <reference path="jquery.d.ts" />

然後，剛開始像往常一樣使用jQuery！

$(".button").css({ marginTop: value });

請參閱the Samples section of the TypeScript Language site中的jQuery示例。

來源

2016-11-05 22:13:36

npm install jquery -s

進口組件

import * as $ from 'jquery';

在組件中使用測試

console.log($); 回報在瀏覽器控制檯F12

這樣：function (selector, context) {

與時刻其它例如

npm install moment -s

import * as moment from 'moment';

來源

2017-02-23 03:15:41

在角2，以進口的jQuery，

import $ from "jquery"

你應該映射鍵（jQuery的），其在源文件中systemjs.config.js

'jquery': 'npm:jquery/dist/jquery.min.js',

來源

2017-04-23 06:54:09 user2401587

Angular 2和jQuery

回答

相關問題