KendoUI Bridge Documentation
  • Introduction
  • About this application
    • Introduction
    • Navigation guide
    • Components catalog
    • Installation
    • Catalog index
    • Themes selector
  • About Aurelia
    • Key features
  • About KendoUI
    • Integrated with Aurelia
    • Why choose KendoUI
  • Developers tutorials
    • Introduction
    • Sample application structure
    • esnext - kendo
    • esnext-aspnetcore - kendo-2017
    • esnext-aspnetcore - kendo-2015
    • typescript - kendo
    • typescript-aspnetcore - kendo
    • esnext- webpack
    • typescript-webpack kendo
  • Developers notes
    • Current limitations
    • Loading a subset of controls
    • Lazy loading wrappers
    • Running gists
    • Kendo Tooltip HTML content
    • Bundling details
    • Dynamic content creation
    • Bundling step by step instructions
    • What you need to know
    • Localization
    • Prevent JSPM from loading jQuery
  • Bridge developers notes
    • Introduction
    • Bridge utilities
    • Generation of bindables
    • Babel DTS generator
    • Grid HTML api
    • Template compilation
    • Harvesting bindable variables
    • Registry helper class
    • Creating gists for the catalog app
  • Troubleshooting
    • Introduction
    • Using gists and GistRun
Powered by GitBook
On this page
  1. Developers notes

Prevent JSPM from loading jQuery

Application Developer notes

5.11 Prevent JSPM from loading jQuery

All Aurelia skeletons have Bootstrap installed. Bootstrap has a dependency on jQuery, so when bootstrap gets loaded JSPM will load jQuery as well. If you are loading Kendo from a <script> tag, then you need to load jQuery via a <script> tag first. This causes an issue where jQuery gets loaded twice (once via the script tag and once via JSPM). This may cause unexpected things to happen.

In order to resolve this, you need to do two things: override the jQuery dependency of bootstrap and map jquery to @empty.

  1. run this command: jspm install bootstrap@3.3.6 -o "{ dependencies: {} }"

    This adds the following override to package.json:

    "overrides": {
     "github:twbs/bootstrap@3.3.6": {
       "dependencies": {}
     }
    }
  2. Add the following line to the map section of config.js

    "jquery": "@empty",

PreviousLocalizationNextBridge developers notes

Last updated 7 years ago