Loading JsPlumb with RequireJS

Have you hit with an error like below ?

   
     Uncaught TypeError: Cannot read property 'Defaults' of undefined

          

Or something similar which says jsPlumb is not loaded with requireJs ?

Solution

Add jsPlumb to your shim configuration using the export setting as shown below.

	requirejs.config({
	baseUrl: window.location.protocol + "//" + window.location.host + window.location.pathname.split("/").slice(0, -1).join("/"),
	paths: {
	lib: "lib",
	app: "js",
	jquery: "lib/jquery_v1.9.1/jquery-1.9.1.min",
	jquery_ui: "lib/jquery-ui_v1.12.1/jquery-ui",
	jsPlumb: "lib/jsPlumb-1.5.0/jquery.jsPlumb-1.5.0-min"
	},
	shim: {
	"jsPlumb": {
	deps: ['jquery','jquery_ui'],
	exports: 'jsPlumb'
	}
	}
	});

view raw app.js hosted with ❤ by GitHub

And then you can use the library in the usual manner.

	define(['require', 'lodash','jquery','jsPlumb'], function(require, _,$,jsPlumb) {
	//you code goes here
	});

view raw usage.js hosted with ❤ by GitHub