vue3中使用dagre-d3绘制流程图问题

做流程图的展示,本地运行没有问题,vite打包到线上报错如下,出现问题

vue3中使用dagre-d3绘制流程图问题_第1张图片

控制台报错:
image.png]

原因是npm包的问题,内部用的require,但是vite默认不支持require

可以看到graphlib的引用过程如下:
vue3中使用dagre-d3绘制流程图问题_第2张图片

拿不到dagre,然后就去找了window下的dagre,所以是undefind,最后我是把dagre.min.js放到了index.html模板里面绝对路径引入的,这样dagre就被放到了window下,
于是就解决了。

你可能感兴趣的:(vue3中使用dagre-d3绘制流程图问题)