集成在Vue3+ts中出现报错

收藏

本帖最后由 Joestar.Xu 于 2024-4-18 12:21 编辑

产品：SpreadJS
版本：V16
调研编号：SJS-23873

image.png323121337.png

按照官网给出的列子，将worksheet组件在main.ts中注册为全局组件

image.png653433532.png

找不到类型定义

打包的时候报错，请问如何解决
image.png295144652.png

Joestar.Xu · Joestar.Xu

您好，根据您目前提供的信息，无法判断出现该问题的原因，请您提供一个可以复现出该问题的Demo，这边复现后帮您调研一下。

Joestar.Xu · Joestar.Xu

您好，请问您的问题是否已经解决，如果仍未解决，欢迎继续回帖，我们来协助调研。

大风天的风筝 · 大风天的风筝

本帖最后由大风天的风筝于 2024-4-17 17:29 编辑

Joestar.Xu 发表于 2024-4-17 15:20
您好，请问您的问题是否已经解决，如果仍未解决，欢迎继续回帖，我们来协助调研。

我遇到了同样的问题，同为Vue3+ts+vite，局部注册组件时也有相同的报错，推测是因为spread-sheets-vue没有提供ts版本声明。
按照文档中【常见问题-Vue3+TS 集成在线表格编辑器】（https://demo.grapecity.com.cn/spreadjs/help/docs/faqs/frame/vue/vue3ts-integrated-online-form-editor）的解决方案添加了@type声明后，该报错消失了，但会继续报错找不到GcSpreadSheet属性，因为自行添加的declare声明中没有export该属性。
报错内容“Cannot resolve symbol 'GcSpreadSheets'
Vue: Module "@grapecity/spread-sheets-vue" has no exported member GcSpreadSheets ”
image.png121785887.png

Joestar.Xu · Joestar.Xu

大风天的风筝发表于 2024-4-17 17:27
我遇到了同样的问题，同为Vue3+ts+vite，局部注册组件时也有相同的报错，推测是因为spread-sheets-vue没 ...

了解了，您这边有没有可以复现出这个问题的Demo呢？这边运行起来后帮您调研一下看看有没有更好的解决方案。

大风天的风筝 · 大风天的风筝

本帖最后由大风天的风筝于 2024-4-17 18:29 编辑

Joestar.Xu 发表于 2024-4-17 17:39
了解了，您这边有没有可以复现出这个问题的Demo呢？这边运行起来后帮您调研一下看看有没有更好的解决方案 ...

在类似的开源框架下复现了该问题，供参考。

组件引入（报错的位置）: /src/components/SpreadJs/spread.vue

自定义ts声明：/src/typings/spread-sheets-vue.d.ts

CTI_ELN · CTI_ELN

Joestar.Xu 发表于 2024-4-9 17:38
您好，根据您目前提供的信息，无法判断出现该问题的原因，请您提供一个可以复现出该问题的Demo，这边复现后 ...

你好，demo如下

Joestar.Xu · Joestar.Xu

您好，您描述的情况我了解了，这边调研一下，后续有进展我会在本贴中回复您。

Joestar.Xu · Joestar.Xu

您好，试试以下定义看能否解决您的问题：

declare module '@grapecity/spread-sheets-vue' {
const GcSpreadSheets: any
const GcWorksheet: any
const GcColumn: any
export { GcSpreadSheets, GcWorksheet, GcColumn }
}

复制代码

我这边是可以的：

Richard.Huang · Richard.Huang

您好，请问楼主的问题是否得到解决，如果仍然存在问题，欢迎继续跟帖询问

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

[处理中] 集成在Vue3+ts中出现报错

9 个回复

SpreadJS 认证

SpreadJS 高级认证