HTML in JointJS using ES6 import

Hi guys. Thanks for creating and publishing of such a useful toll. I am just getting started with Html elements tutorial. With libraries from CDN it works. But if I try to import the libs from node_modules using ES6 import, the html elements aren’t rendered, although I installed the exact same versions of jquery, lodash, backbone and jointjs.

---

Using CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.4.0/backbone-min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jointjs/3.0.2/joint.min.js">
</script>

---

Using ES6 import

import "jointjs/dist/joint.min.css";
import "./styles.css";

import * as $ from 'jquery';
import * as _ from 'lodash';
import * as Backbone from 'backbone';
import * as joint from 'jointjs';

/*
// alternatively
import $ from 'jquery';
import _ from 'lodash';
import Backbone from 'backbone'; 
import * as joint from 'jointjs';
*/

---

I’ve checked out already the issues #198 #201 #757 and #907

Any thoughts ?

[yfwz100]

This can be fixed by specifying cellViewNamespace:

new joint.dia.Paper({
  el: this.$el,
  model: this.graph,
  width: '100%',
  height: '100%',
  cellViewNamespace: joint.shapes,
})

[kumilingus]

It seems it is related to https://github.com/clientIO/joint/issues/1133.