Angular2 and Gridstack.js issue: $(...).gridstack is not a function

Question

I am using Angular2 (2.3.1) and gridstack.js (gridstack.js 0.3.0) with jquery 1.11.1. Tried following this example

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

to get gridstack.js to work with Angular 2 and getting following errors:

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)

Not sure how to go about fixing this. Any help would be appreciated.

Thanks.

Seems like you need to add the .js files to angular-cli.json as well not just index.html. — helloworld
– helloworld, Commented Dec 29, 2017 at 16:40

alexandrneo · Accepted Answer · 2018-07-17 09:10:43Z

1

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

the jquery lib extended by gridstack is not the same jquery lib you use in angular component.

answered Jul 17, 2018 at 9:10

alexandrneo

314 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular2 and Gridstack.js issue: $(...).gridstack is not a function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related