vue3中使用dagre-d3绘制流程图问题
【vue3中使用dagre-d3绘制流程图问题】做流程图的展示,本地运行没有问题,vite打包到线上报错如下,出现问题
文章图片
控制台报错:
文章图片
]
原因是npm包的问题,内部用的require,但是vite默认不支持require
可以看到graphlib的引用过程如下:
文章图片
拿不到dagre,然后就去找了window下的dagre,所以是undefind,最后我是把dagre.min.js放到了index.html模板里面绝对路径引入的,这样dagre就被放到了window下,
于是就解决了。
推荐阅读
- PHP-Parser 应用之扫描发现代码中的打印、输出结构语句
- SpringBoot使用自定义注解+AOP+Redis实现接口限流
- postgresql|学习如何在PostgreSQL中管理安全性
- 中国航天|银河航天完成B2轮融资,投后估值110亿元|融资快讯
- R语言|R 语言读写文件
- bim|Revit中墙体绘制的小技巧(CAD识别墙体快速生成)
- 中国平安|历史转折中的中国平安
- {调取该文章的TAG关键词}|钛媒体「十年致敬」重磅启动,记录中国创新这十年澎湃
- 世界汽车集团销量排行榜,看中国车企能占几何
- 【Python】BeautifulSoup的使用