The project works fine in local enviroment, when I import this project on codesandbox, it throws an error:Cannot read properties of null (reading 'appendChild')
the project is from github:
TypeError
Cannot read properties of null (reading 'appendChild')
BpmnPropertiesPanelRenderer.attachTo
https://3gvxbk.csb.app/node_modules/bpmn-js-properties-panel/dist/index.esm.js:2354:15
eval
https://3gvxbk.csb.app/node_modules/bpmn-js-properties-panel/dist/index.esm.js:2335:14
invokeFunction
https://3gvxbk.csb.app/node_modules/diagram-js/lib/core/EventBus.js:204:13
EventBus._invokeListener
https://3gvxbk.csb.app/node_modules/diagram-js/lib/core/EventBus.js:130:19
EventBus._invokeListeners
https://3gvxbk.csb.app/node_modules/diagram-js/lib/core/EventBus.js:119:24
EventBus.fire
https://3gvxbk.csb.app/node_modules/diagram-js/lib/core/EventBus.js:94:24
Modeler.Diagram
https://3gvxbk.csb.app/node_modules/diagram-js/lib/Diagram.js:54:24
Modeler.BaseViewer._init
https://3gvxbk.csb.app/node_modules/bpmn-js/lib/BaseViewer.js:257:24
Modeler.BaseViewer
https://3gvxbk.csb.app/node_modules/bpmn-js/lib/BaseViewer.js:23:8
Modeler.BaseModeler
https://3gvxbk.csb.app/node_modules/bpmn-js/lib/BaseModeler.js:12:27
new Modeler
https://3gvxbk.csb.app/node_modules/bpmn-js/lib/Modeler.js:72:28
$csb$eval
/app/index.js:19:18
16 |
17 | var container = $("#js-drop-zone");
18 |
> 19 | var bpmnModeler = new BpmnModeler({
| ^
20 | container: "#js-canvas",
21 | propertiesPanel: {
22 | parent: "#js-properties-panel"
View compiled
▶ 10 stack frames were collapsed.
It seemed that the page isn't rendered when the js code is executing. I also want to put the code into document ready function through this post, but it doesnt work at all:
uncaught-typeerror-cannot-read-property-appendchild-of-null
If I use node with webpack, the project works fine in local enviuorement, but this error is only thrown when I set up it on codesandbox, is a problem on codesandbox? Especially the start command maybe different.
Could someone make any suggestions here, Thanks
