javascript - Angular2 和 Gridstack.js 问题 : $(. ..).gridstack 不是函数

Question

我正在使用 Angular2 (2.3.1) 和 gridstack.js (gridstack.js 0.3.0) 以及 jquery 1.11.1。尝试按照这个例子

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

让 gridstack.js 与 Angular 2 一起使用并收到以下错误:

zone.js:170 Uncaught TypeError: $(...).gridstack is not a function at HTMLDocument. (http://localhost:8080/:111:26) at mightThrow (eval at webpackJsonp.87.module.exports (http://localhost:8080/scripts.bundle.js:88:9), :3583:29) at process (eval at webpackJsonp.87.module.exports (http://localhost:8080/scripts.bundle.js:88:9), :3651:12) at ZoneDelegate.invokeTask (http://localhost:8080/polyfills.bundle.js:16599:31) at Zone.runTask (http://localhost:8080/polyfills.bundle.js:16398:47) at ZoneTask.invoke (http://localhost:8080/polyfills.bundle.js:16652:38) at data.args.(anonymous function) (http://localhost:8080/polyfills.bundle.js:17813:29)

不知道如何解决这个问题。任何帮助将不胜感激。

谢谢。

Answer 1

$(...).gridstack is not a function

由 gridstack 扩展的 jquery 库与您在 Angular 组件中使用的 jquery 库不同。