xml - 直接在js文件中添加xml数据时出错

Question

我正在尝试学习使用 BPMN。我开始使用它在 repo 中的几个例子。 https://github.com/bpmn-io/bpmn-js-examples/tree/master/starter

这是我的代码

import BpmnViewer from "bpmn-js/lib/NavigatedViewer";
import "bpmn-js/dist/assets/diagram-js.css";
import "bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css";
const xml = `....`; //inserted xml data from https://github.com/bpmn-io/bpmn-js-examples/blob/master/starter/diagram.bpmn
import bpmnXML from "./diagram.bpmn";
var bpmnViewer = new BpmnViewer({
container: '#canvas'
});
bpmnViewer.importXML(bpmnXML, err => {
if (err) {
console.error(err);
} 
});

我想尝试使用不同的 xml，并使用了https://docs.camunda.org/manual/7.13/reference/rest/process-definition/get-xml/中的示例

但我收到approverGroup undefined 错误。但是如果我将 xml 粘贴到单独的 .bpmn 文件中并导入它，它就可以正常工作。我无法弄清楚，为什么将xml直接添加到js文件时会出现错误