Angular2和Gridstack.js問題：$（…）.gridstack不是函數

Question

我在jQuery 1.11.1中使用Angular2（2.3.1）和gridstack.js（gridstack.js 0.3.0）。 嘗試遵循此示例

https://stackoverflow.com/questions/39901473/wrap-gridstack-js-into-angular-2-component

使gridstack.js與Angular 2配合使用並出現以下錯誤：

zone.js：170未捕獲的TypeError：$（...）。gridstack在HTMLDocument中不是一個函數。 （ http：// localhost：8080 /：111：26 ）在mayThrow（eval在webpackJsonp.87.module.exports（ http：// localhost：8080 / scripts.bundle.js：88：9 ） ,: 3583：29 ）（位於webpackJsonp.87.module.exports（ http：// localhost：8080 / scripts.bundle.js：88：9 ）：3651：12）處的過程中（位於ZoneDelegate.invokeTask（ http：// localhost：8080） /polyfills.bundle.js:16599:31 ）在Zone.runTask（ HTTP：//本地主機：8080 / polyfills.bundle.js：16398：47 ）在ZoneTask.invoke（ HTTP：//本地主機：8080 / polyfills.bundle .js：16652：38 ），位於data.args。（匿名函數）（ http：// localhost：8080 / polyfills.bundle.js：17813：29 ）

不確定如何解決此問題。 任何幫助，將不勝感激。

謝謝。

Answer 1

$（...）。gridstack不是函數

由gridstack擴展的jquery lib與您在angular組件中使用的jquery lib不同。