Hi Community,
I was able to use Pre-Packaged Version of bpmn in plain javascript and display the bpmn xml in browser.
Now, I wanted to extend this to angular app, so I had to use npm version of bpmn-js. This is where everything is going down-hill. I was able to get pass of many issue but now I am stuck, hoping if some-one can please help / suggest me here. I have used “bpmn-js”: “^13.0.8”.
Below are lines of code in one of the component in angular app -
import BaseViewer from 'bpmn-js/lib/BaseViewer';
@Component({
selector: 'app-view-process-instance',
templateUrl: './view-process-instance.component.html',
styleUrls: ['./view-process-instance.component.css']
})
export class ViewProcessInstanceComponent {
viewer: BaseViewer | any;
constructor(private route : ActivatedRoute, private processDefinitionService : ProcessDefinitionService) { }
ngOnInit() {
this.viewer = new BaseViewer({
container: '#canvas',
height: 1000,
width: 2000
});
let xml = ..... bpmn diaram xml from camunda api .....
this.parseBpmnView(xml);
}
async parseBpmnView(xml:string) {
console.log('from view-component');
await this.viewer.importXML(xml);
}
}
But i am getting below issue -
Any help would be really appreciated