【v16 v17】在vue3项目中如何高效引入而不影响页面加载速度

收藏

问题说明：在vue3项目中使用spreadjs ，由于引入的资源组件过大，全局/局部都会导致加载速度非常慢，尤其是在有网络限速的情况，需要加载很长时间。

            v16 ：解决方式：放弃组件方式引入，直接以JS文件形式引入，并采用分步引入的方式且进行资源压缩打包减轻加载压力。
            v17 ：采用同样方式，但分步引入的JS会直接报错，只能在一个页面进行引入才行。
跪求v17的分步引入方式。
  附报错图：

Ellia.Duan · Ellia.Duan

您好，在17版本中，我们调整了chart ，chart依赖于shapes包。您可以排查下项目中的引来引入顺序。
需要先引入shape包，在引入chart包，如下图所示：
image.png928759155.png

黄祈 · 黄祈

Ellia.Duan 发表于 2024-8-23 15:30
您好，在17版本中，我们调整了chart ，chart依赖于shapes包。您可以排查下项目中的引来引入顺序。
需要先 ...

该方式已经调整试过，把shapes包放在最上面，但还是一样的错误

Ellia.Duan · Ellia.Duan

您好，如果之前有用到chart包中的getHost() content() fixedPosition() 这三个api。在17版本用"@grapecity-software/spread-sheets-charts" 会报错。
如果要用这三个功能，需要将"@grapecity-software/spread-sheets-charts" 替换为 "@grapecity-software/spread-sheets-legacy-charts"。

如果上述方案不能解决您的问题，您是否可以提供一个最小的复现问题的demo ,我们具体调研一下。

Wilson.Zhang · Wilson.Zhang

您好！请问您的问题进展如何了，我们提供的信息是否帮助您解决了问题呢？

Wilson.Zhang · Wilson.Zhang

您好！由于您较长时间未回贴，且您的问题已得到了有效解答，那就结贴了。如有问题，欢迎继续发帖沟通。

		自动登录	找回密码
密码			立即注册

[已处理] 【v16 v17】在vue3项目中如何高效引入而不影响页面加载速度

5 个回复

SpreadJS 认证

SpreadJS 高级认证