4.0集成到vite打包的vue3项目中报错，坑我一下午了

Bella.Yuan · Bella.Yuan

testSplit 发表于 2023-9-13 10:02
嗯参考的这个 https://demo.grapecity.com.cn/ac ... eport-saving/purejs 是直接新建一个组件然后把代码 ...

您好，可以参考下面的链接，然后您可以开个新帖，我们在您的帖子上处理您的问题。
https://demo.grapecity.com.cn/activereportsjs/demos/features/designer-report-preview/purejs
预览：

打开设计器：

Felix.Li · Felix.Li

vite集成您按照如下需要做一些配置:
https://demo.grapecity.com.cn/ac ... t/QuickStart-Vitejs

徐飞 · 徐飞

Felix.Li 发表于 2023-9-8 18:12
vite集成您按照如下需要做一些配置:
https://demo.grapecity.com.cn/activereportsjs/docs/GettingStarted ...

你这个是react下的配置吧，vue3也是这样配置？

徐飞 · 徐飞

本帖最后由徐飞于 2023-9-11 13:18 编辑

Felix.Li 发表于 2023-9-8 18:12
vite集成您按照如下需要做一些配置:
https://demo.grapecity.com.cn/activereportsjs/docs/GettingStarted ...

这个问题坑了我两天了，我终于找到为啥会报错了

Bella.Yuan · Bella.Yuan

徐飞发表于 2023-9-11 11:43
这个问题坑了我两天了，我终于找到为啥会报错了

您好，针对Vue的我这边写了个教程，您可以参考实现看看，对应的教程中也有例子：
ARJS4.0版本在 Vite.js（Vue）应用中集成 ActiveReportsJS 报表
https://gcdn.grapecity.com.cn/showtopic-186558-1-1.html
(出处: 葡萄城开发者社区)

徐飞 · 徐飞

Bella.Yuan 发表于 2023-9-11 13:40
您好，针对Vue的我这边写了个教程，您可以参考实现看看，对应的教程中也有例子：
ARJS4.0版本在 Vite.js ...

已解决，主要是在vite-config.ts里设置根目录别名，这样写{
      find: /^@\//,
      replacement: `${pathSrc}/`,
      },
      {
      find: /^moment$/,
      replacement: path.resolve(__dirname, "./alias.js"),
      },
加上这个就可以了，而且还需要自己下载moment.js

Bella.Yuan · Bella.Yuan

徐飞发表于 2023-9-11 14:49
已解决，主要是在vite-config.ts里设置根目录别名，这样写{
find: /^@\//,
replac ...

您好，这个在4.0版本之前有点问题，4.0版本及之后版本是正常的，您也可以参考我上面的回复，使用教程的方法测试看看，我这边测试是正常的。

testSplit · testSplit

按照你这个demo写之后好像那些保存还有其他按钮还暂时没展现出来

Bella.Yuan · Bella.Yuan

testSplit 发表于 2023-9-12 20:10
按照你这个demo写之后好像那些保存还有其他按钮还暂时没展现出来

您好，这个demo只是简单的集成对应的设计器和预览器，如果您还需要保存或者其他的一些按钮，是需要通过代码的方式进行实现的。
保存按钮：https://demo.grapecity.com.cn/ac ... eport-saving/purejs
预览按钮：https://demo.grapecity.com.cn/ac ... port-preview/purejs

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

[已处理] 4.0集成到vite打包的vue3项目中报错，坑我一下午了

最佳答案

10 个回复

本帖子中包含更多资源

Wyn高级认证

Wyn认证