Javascript 错误：在<；中非法调用；执行>；或<；回复>；阶段（操作：element.setColor）

我正在使用bpmn.js创建图表流。我正在尝试更改每个元素的默认颜色，如bpmn:startEvent、bpmn:endEvent等

 modeler.on('shape.added', (e) => {   
 if (e.element.type === 'bpmn:UserTask') {
           var modeling = modeler.get('modeling').setColor(e.element, {
               fill: '#000000',
               stroke: '#e432ee'
           });   
 }   
 ................ more and more and more 
});

当我导入一个图表时，它会显示collors，但当我单击托盘时，它们不会显示，并且我收到一些javascript错误，这不允许我正确地放置或选择元素。 我将此代码放在app.js的最后一行之后：

我收到的错误是javascript：

bpmn modeler.production.js:1514错误：在或阶段中非法调用（操作：element.setColor）
在ph.(u pushAction)(bpmn modeler.production.js:16556)
在ph.execute（bpmn modeler.production.js:16478）
在Od.setColor（bpmn modeler.production.js:18492）
见流程图。组件。ts:99
在bpmn modeler.production.js:1511
at Gt._invokeListener（bpmn modeler.production.js:1512）
at Gt._invokeListeners（bpmn modeler.production.js:1505）
在Gt.fire（bpmn modeler.production.js:1490）
at Et.(u addElement)（bpmn modeler.production.js:1068）
在Et.addShape（bpmn modeler.production.js:1073）

---

有什么想法吗？

您是否尝试将代码包装在等待元素创建的超时状态下

Modeler.on('shape.added', (e) => {   
    
    setTimeout(function() {

        // your code here

    }, 1000);
});

Modeler.on('shape.added', (e) => {   
    
    setTimeout(function() {

        // your code here

    }, 1000);
});