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

【vue3中使用dagre-d3绘制流程图问题】做流程图的展示,本地运行没有问题,vite打包到线上报错如下,出现问题
vue3中使用dagre-d3绘制流程图问题
文章图片

控制台报错:
vue3中使用dagre-d3绘制流程图问题
文章图片
]
原因是npm包的问题,内部用的require,但是vite默认不支持require
可以看到graphlib的引用过程如下:
vue3中使用dagre-d3绘制流程图问题
文章图片

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

    推荐阅读