找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容
发新帖

光合作用

注册会员

1

主题

8

帖子

13

积分

注册会员

积分
13
  • 57

    金币

  • 1

    主题

  • 8

    帖子

最新发帖

[已处理] 【16.1.0】 Cannot read properties of undefined (reading 'DR')

光合作用
注册会员   /  发表于：2023-6-12 16:20  /   查看：3390  /  回复：15
1金币
按照https://gcdn.grapecity.com.cn/showtopic-148170-1-1.html这个链接中给的代码，在本地已有项目里集成，报错了 image.png169279784.png
我是将所有的依赖都换成了16.1.0，当然原来的15.1.0也是一样的报错信息。
原帖子里说要把resources的资源加一下。

不知道到底应该是加载什么。这个错误该怎么解决

最佳答案

Joestar.Xu

查看完整内容

您好，您尝试在main.js的引入Designer处前，再引入Designer的资源试试，就是这个位置： 添加：

15 个回复

倒序浏览
最佳答案
最佳答案
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于：2023-6-12 16:20:55
来自 11#
您好，您尝试在main.js的引入Designer处前，再引入Designer的资源试试，就是这个位置：

image.png941750488.png

添加：
  1. import "@grapecity/spread-sheets-designer-resources-cn";
复制代码
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于：2023-6-12 16:29:25
2#
您好，这可能是因为您缺少引用了语言资源导致的，麻烦您提供一下您的Demo，我们这边根据您Demo的情况修改好后发给您。
回复 使用道具 举报
光合作用
注册会员   /  发表于：2023-6-12 16:34:03
3#
Joestar.Xu 发表于 2023-6-12 16:29
您好，这可能是因为您缺少引用了语言资源导致的，麻烦您提供一下您的Demo，我们这边根据您Demo的情况修改好 ...

Demo就是从那个帖子里下载的，我看那个帖子里的一个人跟我是一样的报错信息。我的项目是无法贴出来的。如果可以，能否提供远程服务？我们单位也已经购买了SpreadJS
回复 使用道具 举报
光合作用
注册会员   /  发表于：2023-6-12 16:41:20
4#
Joestar.Xu 发表于 2023-6-12 16:29
您好，这可能是因为您缺少引用了语言资源导致的，麻烦您提供一下您的Demo，我们这边根据您Demo的情况修改好 ...

该怎么导入语言资源？
回复 使用道具 举报
光合作用
注册会员   /  发表于：2023-6-12 16:44:05
5#
Joestar.Xu 发表于 2023-6-12 16:29
您好，这可能是因为您缺少引用了语言资源导致的，麻烦您提供一下您的Demo，我们这边根据您Demo的情况修改好 ...

package.json
  1. {
  2.   "name": "jxkh",
  3.   "version": "3.8.1",
  4.   "description": "绩效管理系统",
  5.   "author": "绩效",
  6.   "license": "MIT",
  7.   "scripts": {
  8.     "dev": "vite",
  9.     "build:prod": "vite build",
  10.     "build:stage": "vite build --mode staging",
  11.     "preview": "vite preview"
  12.   },
  13.   "repository": {
  14.     "type": "git",
  15.     "url": "https://gitee.com/y_project/RuoYi-Vue.git"
  16.   },
  17.   "dependencies": {
  18.     "@antv/g6": "^4.5.5",
  19.     "@element-plus/icons-vue": "1.1.4",
  20.     "@grapecity/spread-excelio": "^16.1.0",
  21.     "@grapecity/spread-sheets": "^16.1.0",
  22.     "@grapecity/spread-sheets-barcode": "^16.1.0",
  23.     "@grapecity/spread-sheets-charts": "^16.1.0",
  24.     "@grapecity/spread-sheets-designer": "^16.1.0",
  25.     "@grapecity/spread-sheets-designer-resources-cn": "^16.1.0",
  26.     "@grapecity/spread-sheets-designer-vue": "^16.1.0",
  27.     "@grapecity/spread-sheets-languagepackages": "^16.1.0",
  28.     "@grapecity/spread-sheets-pdf": "^16.1.0",
  29.     "@grapecity/spread-sheets-pivot-addon": "^16.1.0",
  30.     "@grapecity/spread-sheets-print": "^16.1.0",
  31.     "@grapecity/spread-sheets-resources-zh": "^16.1.0",
  32.     "@grapecity/spread-sheets-shapes": "^16.1.0",
  33.     "@grapecity/spread-sheets-tablesheet": "^16.1.0",
  34.     "animate.css": "^4.1.1",
  35.     "axios": "0.26.1",
  36.     "echarts": "5.3.2",
  37.     "element-plus": "~2.1.11",
  38.     "file-saver": "^2.0.5",
  39.     "font-awesome": "^4.7.0",
  40.     "fuse.js": "6.5.3",
  41.     "js-cookie": "3.0.1",
  42.     "jsencrypt": "3.2.1",
  43.     "lodash": "4.17.21",
  44.     "mitt": "^3.0.0",
  45.     "moment": "^2.29.1",
  46.     "nprogress": "0.2.0",
  47.     "sortablejs": "1.14.0",
  48.     "sweetalert2": "^11.4.19",
  49.     "uuid": "^9.0.0",
  50.     "vue": "3.2.31",
  51.     "vue-cropper": "1.0.3",
  52.     "vue-json-viewer": "3",
  53.     "vue-router": "4.0.14",
  54.     "vue-sweetalert2": "^5.0.5",
  55.     "vue3-treeselect-ts": "^0.0.3",
  56.     "vuex": "4.0.2",
  57.     "xlsx": "^0.18.5"
  58.   },
  59.   "devDependencies": {
  60.     "@vitejs/plugin-vue": "2.3.1",
  61.     "@vue/compiler-sfc": "3.2.31",
  62.     "sass": "1.50.0",
  63.     "unplugin-auto-import": "0.6.9",
  64.     "vite": "2.6.14",
  65.     "vite-plugin-compression": "0.5.1",
  66.     "vite-plugin-optimize-persist": "^0.1.2",
  67.     "vite-plugin-package-config": "^0.1.1",
  68.     "vite-plugin-svg-icons": "1.0.5",
  69.     "vite-plugin-vue-setup-extend": "0.4.0",
  70.     "typescript": "^4.5.4",
  71.     "vue-tsc": "^0.34.7"
  72.   },
  73.   "vite": {
  74.     "optimizeDeps": {
  75.       "include": [
  76.         "@antv/g6",
  77.         "@element-plus/icons-vue",
  78.         "@vueuse/core",
  79.         "axios",
  80.         "echarts",
  81.         "element-plus",
  82.         "element-plus/lib/locale/lang/zh-cn",
  83.         "file-saver",
  84.         "fuse.js",
  85.         "js-cookie",
  86.         "jsencrypt/bin/jsencrypt.min",
  87.         "lodash",
  88.         "lodash-es",
  89.         "mitt",
  90.         "moment",
  91.         "nprogress",
  92.         "sweetalert2",
  93.         "vue",
  94.         "vue-cropper",
  95.         "vue-json-viewer",
  96.         "vue-router",
  97.         "vue3-treeselect-ts",
  98.         "vuex"
  99.       ]
  100.     }
  101.   }
  102. }
复制代码

main.js
  1. import { createApp } from 'vue'

  3. import Cookies from 'js-cookie'

  5. import ElementPlus from 'element-plus'
  6. import locale from 'element-plus/lib/locale/lang/zh-cn' // 中文语言

  8. import '@/assets/styles/index.scss' // global css

  10. import 'font-awesome/css/font-awesome.min.css'

  12. import App from './App'

  14. // SpreadJS
  15. // import { GcSpreadSheets, GcWorksheet, GcColumn } from '@grapecity/spread-sheets-vue'
  16. import Designer from "@grapecity/spread-sheets-designer-vue"

  18. import store from './store'
  19. import router from './router'
  20. import directive from './directive' // directive
  21. import _ from "lodash";
  22. import moment from "moment"
  23. // 注册指令
  24. import plugins from './plugins' // plugins
  25. import { download } from '@/utils/request'

  27. // svg图标
  28. import 'virtual:svg-icons-register'
  29. import SvgIcon from '@/components/SvgIcon'
  30. import elementIcons from '@/components/SvgIcon/svgicon'

  32. import './permission' // permission control

  34. import { useDict, getDict, getDictRefs } from '@/utils/dict'
  35. import { parseTime, resetForm, addDateRange, handleTree, selectDictLabel, selectCategoryName, independentCodeFormat } from '@/utils/ruoyi'

  37. // 分页组件
  38. import Pagination from '@/components/Pagination'
  39. // 自定义表格工具组件
  40. import RightToolbar from '@/components/RightToolbar'
  41. // 文件上传组件
  42. import FileUpload from "@/components/FileUpload"
  43. // 图片上传组件
  44. import ImageUpload from "@/components/ImageUpload"
  45. // 图片预览组件
  46. import ImagePreview from "@/components/ImagePreview"
  47. // 自定义树选择组件
  48. import TreeSelect from '@/components/TreeSelect'
  49. // 字典标签组件
  50. import DictTag from '@/components/DictTag'
  51. // 部门树传id标签显示name组件
  52. import TreeTag from '@/components/TreeTag'
  53. // import the component
  54. import Treeselect from "vue3-treeselect-ts";
  55. // import the styles
  56. import "vue3-treeselect-ts/dist/style.css";
  57. // 懒加载部门树组件
  58. import DeptElTree from '@/components/DeptElTree'
  59. // 事件总线
  60. import mitt from "mitt"

  62. const app = createApp(App)

  64. // 全局方法挂载
  65. app.config.globalProperties.useDict = useDict
  66. app.config.globalProperties.getDict = getDict
  67. app.config.globalProperties.getDictRefs = getDictRefs

  69. app.config.globalProperties.download = download
  70. app.config.globalProperties.parseTime = parseTime
  71. app.config.globalProperties.resetForm = resetForm
  72. app.config.globalProperties.handleTree = handleTree
  73. app.config.globalProperties.addDateRange = addDateRange
  74. app.config.globalProperties.selectDictLabel = selectDictLabel
  75. app.config.globalProperties.selectCategoryName = selectCategoryName
  76. app.config.globalProperties.independentCodeFormat = independentCodeFormat
  77. app.config.globalProperties._ = _
  78. app.config.globalProperties.moment = moment
  79. app.config.globalProperties.$bus = new mitt()
  80. // 全局组件挂载
  81. app.component('DictTag', DictTag)
  82. app.component('TreeTag', TreeTag)
  83. app.component('Pagination', Pagination)
  84. app.component('TreeSelect', TreeSelect)
  85. app.component('FileUpload', FileUpload)
  86. app.component('ImageUpload', ImageUpload)
  87. app.component('ImagePreview', ImagePreview)
  88. app.component('RightToolbar', RightToolbar)
  89. app.component('Treeselect', Treeselect)// 第三方树组件
  90. app.component('DeptElTree', DeptElTree)
  91. // SpreadJS
  92. // app.component('gc-spread-sheets', GcSpreadSheets);
  93. // app.component('gc-worksheet', GcWorksheet);
  94. // app.component('gc-column', GcColumn);
  95. app.component("gc-spread-sheets-designer",Designer);
  96. app.use(router)
  97. app.use(store)
  98. app.use(plugins)
  99. app.use(elementIcons)
  100. app.component('svg-icon', SvgIcon)

  102. directive(app)

  104. // 使用element-plus 并且设置全局的大小
  105. app.use(ElementPlus, {
  106.   locale: locale,
  107.   // 支持 large、default、small
  108.   size: Cookies.get('size') || 'default'
  109. })

  111. app.mount('#app')
复制代码

页面代码
  1. <template>
  2.   <div id="gc-designer-container">
  3.     <gc-spread-sheets-designer
  4.       :styleInfo="styleInfo"
  5.       :spreadOptions="spreadOptions"
  6.       @designerInitialized="designerInitialized"/>
  7.   </div>
  8. </template>

  10. <script setup>
  11. import '@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css';
  12. import "@grapecity/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css";
  13. import * as GC from "@grapecity/spread-sheets";
  14. import "@grapecity/spread-sheets-print";
  15. import "@grapecity/spread-sheets-shapes";
  16. import "@grapecity/spread-sheets-pivot-addon";
  17. import "@grapecity/spread-sheets-tablesheet";
  18. import "@grapecity/spread-sheets-designer-resources-cn";
  19. import * as GcDesigner from "@grapecity/spread-sheets-designer";
  20. import {reactive, toRefs} from 'vue'
  21. // interface IData{
  22. //     designer:GcDesigner.Spread.Sheets.Designer.Designer|null,
  23. //     spread: GC.Spread.Sheets.Workbook|null
  24. // }
  25. const data = reactive({
  26.   designer: GcDesigner.Spread.Sheets.Designer.Designer | null,
  27.   spread: GC.Spread.Sheets.Workbook | null,
  28. })
  29. const refData = toRefs(data)
  30. const styleInfo={height: '98vh'}
  31. const spreadOptions={sheetCount:2}
  32. const designerInitialized = (entity) => {
  33.      data.designer = entity || GcDesigner.Spread.Sheets.Designer.Designer;
  34.      let spread = data.designer.getWorkbook() // as GC.Spread.Sheets.Workbook
  35.      let sheet = spread.getActiveSheet()
  36.      sheet.setValue(0,0,'Grapecity')
  37. }
  38. </script>
复制代码
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于：2023-6-12 16:48:56
6#
您好，我将您提到的那个帖子中的Demo修改了一下，请尝试运行一下看看还有没有问题。

demo.rar (21.09 KB, 下载次数: 435)
回复 使用道具 举报
光合作用
注册会员   /  发表于：2023-6-12 17:07:07
7#
Joestar.Xu 发表于 2023-6-12 16:48
您好，我将您提到的那个帖子中的Demo修改了一下，请尝试运行一下看看还有没有问题。

请问是只改了package.json吗，demo是一直可以正常运行，只要放到项目里就报错。我改了你最新发的package.json，还是一样
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于：2023-6-12 17:16:26
8#
光合作用 发表于 2023-6-12 17:07
请问是只改了package.json吗，demo是一直可以正常运行，只要放到项目里就报错。我改了你最新发的package. ...

您好，如果是这样的话还是建议您发一个可以运行的并且能够重现您所说的问题的Demo上来，否则我们是很难定位出问题的。
回复 使用道具 举报
光合作用
注册会员   /  发表于：2023-6-12 17:51:48
9#
本帖最后由 光合作用 于 2023-6-13 10:41 编辑
Joestar.Xu 发表于 2023-6-12 17:16
您好，如果是这样的话还是建议您发一个可以运行的并且能够重现您所说的问题的Demo上来，否则我们是很难定 ...

只要安装依赖，在main.js引入后，项目就无法正常启动
回复 使用道具 举报
下一页 »
12下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部