nuxt3 下变量 global 替换成 globalThis 导致使用 global.value.xx 报错

[zhangpaopao0609]

tdesign-vue-next 版本

是

重现链接

https://codesandbox.io/s/nuxt3-tdesign-vue-next-tqoe07?file=/app.vue

重现步骤

使用框架和版本

1. nuxt 3.0.0-rc.6
2. tdesign-vue-next 0.19.1

如何复现

在 nuxt 中使用 pagination 组件，会直接报类似 Cannot read properties of undefined (reading 'jumpTo') 的错误

补充说明

相关 issue:

[Pagination] 组件在nuxt3中运行报错: #988

问题定位
经过调试和查看 nuxt 源码发现， tdesign-vue-next 中的 global 会被 nuxt 替换成 globalThis，

• nuxt 源码

• 调试

  • pagination 中调试代码
  
  • 编译后的 pagination 代码
  

因此，global.value 的结果是 globalThis.value，而 globalThis 在 nuxt 中为全局对象，因此 globalThis.value 为 undefined，所以 global.value.xxx 都会出错：

计划如何解决
global 在 nuxt 中会被替换成 globalThis，有两种解决办法

1. 给 nuxt 官方提 issue
2. 我们自己改动，将所有的 global 变量进行替换

我个人更倾向于第二种，因为 global 在服务端确实是关键字来着

[github-actions]

👋 @ardor-zhang，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[PengYYYYY]

第二种方式解决吧

[zhangpaopao0609]

沟通后将 global 变量更改为 globalConfig

[PengYYYYY]

0.20.0版本已修复