JQuery not defined throwing error after installing angular-slickgrid

0 votes

First let me clear one thing I have gone though https://github.com/ghiscoding/angular-slickgrid/wiki/HOWTO---Step-by-Step and followed each step which is mandatory required. Anyhow let me show you what step i have followed

  1. Installed angular slickGrid npm i angular-slickgrid

  2. Added required css and js in angular.json

    "node_modules/bootstrap/dist/css/bootstrap.css",
    "node_modules/font-awesome/css/font-awesome.css",
    "node_modules/flatpickr/dist/flatpickr.css",
    "node_modules/angular-slickgrid/lib/multiple-select/multiple-select.css",
    "styles.css"
],
"scripts": [
    "node_modules/jquery/dist/jquery.js",
    "node_modules/jquery-ui-dist/jquery-ui.min.js",
    "node_modules/slickgrid/lib/jquery.event.drag-2.3.0.js",
    "node_modules/bootstrap/dist/js/bootstrap.js",
    "node_modules/angular-slickgrid/lib/multiple-select/multiple-select.js"
],
  1. imported AngularSlickgridModule in app.module.ts properly

    imports: [ AngularSlickgridModule.forRoot() ]

  2. already i have installed required package for angular slickgrid

    package.json

  "@angular/animations": "^9.1.9",
  "@angular/cdk": "^9.2.4",
  "@angular/compiler": "^9.1.9",
  "@angular/material": "^9.2.4",
  "@angular/platform-browser": "^9.1.9",
  "@angular/platform-browser-dynamic": "^9.1.9",
  "@angular/router": "^9.1.9",
  "bootstrap": "^4.4.1",
  "font-awesome": "^4.7.0",
  "@types/jquery": "^3.3.38",
  "jquery": "^3.3.1",
  "@ngx-translate/core": "^12.1.2",
  "@ng-bootstrap/ng-bootstrap": "^6.1.0",

Jul 20 in Web Development by gaurav
• 17,580 points
22 views

No answer to this question. Be the first to respond.

Your answer

Your name to display (optional):
Privacy: Your email address will only be used for sending these notifications.

Related Questions In Web Development

0 votes
1 answer
0 votes
1 answer

jquery - is not a function error

In Wordpress jQuery.noConflict() is called on the jQuery file ...READ MORE

answered Aug 4 in Web Development by rajatha
• 7,040 points
10 views
0 votes
1 answer

NameError: name '_' is not defined

Hello, Just include this in you snippet: from django.utils.translation ...READ MORE

answered Aug 3, 2020 in Web Development by Niroj
• 82,740 points
1,390 views
0 votes
1 answer

Error: Failed to load resource: the server responded with a status of 404 (Not Found)

Your files are not under the JSP folder that's ...READ MORE

answered Dec 16, 2020 in Web Development by Gitika
• 65,870 points
59,812 views
0 votes
1 answer

Loading gif in jQuery ajax call is not showing

Create a div with your image. Make it ...READ MORE

answered Jun 27 in Web Development by rajatha
• 7,040 points
42 views
0 votes
1 answer

Error: cannot call methods on button prior to initialization; attempted to call method 'loading'

Hii @kartik, It's caused by jquery-ui and bootstrap-button ...READ MORE

answered May 12, 2020 in JQuery by Niroj
• 82,740 points
3,058 views
0 votes
1 answer

How to set jquery input select all on focus?

Hello @kartik, Try using click instead of focus. It seems to ...READ MORE

answered Nov 24, 2020 in JQuery by Niroj
• 82,740 points
1,612 views
0 votes
1 answer

How to make $.post() use contentType=application/json in jquery?

Hii, Try this: $.ajax({ url:url, type:"POST", ...READ MORE

answered Nov 24, 2020 in JQuery by Niroj
• 82,740 points
3,019 views
0 votes
1 answer

How to add a “readonly” attribute to an <input>?

Hello, For jQuery <1.9 $('#inputId').attr('readonly', true); ...READ MORE

answered Nov 24, 2020 in JQuery by Niroj
• 82,740 points
352 views
webinar REGISTER FOR FREE WEBINAR X
Send OTP
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP