当前位置: 首页 > article >正文

使用vue-office报错TypeError: ft.createElementVNode is not a function

支持多种文件(.docx、.xlsx、.xls、.pdf、.pptx)预览的vue组件库,支持vue2/3。也支持非Vue框架的预览。
不支持.doc、.ppt(2003年及以前的版本)

官网:https://www.npmjs.com/package/@vue-office/excel?activeTab=readme
官方有实例代码,非常简单。

可以试一下,你的文件是否支持
演示地址:https://501351981.github.io/vue-office/examples/dist/#/docx

安装

#docx文档预览组件
npm install @vue-office/docx vue-demi@0.14.6

#excel文档预览组件
npm install @vue-office/excel vue-demi@0.14.6

#pdf文档预览组件
npm install @vue-office/pdf vue-demi@0.14.6

#pptx文档预览组件
npm install @vue-office/pptx vue-demi@0.14.6

安装后的版本

"@vue-office/docx": "^1.6.3",
 "@vue-office/excel": "^1.7.14",
"@vue-office/pdf": "^2.0.10",
"@vue-office/pptx": "^1.0.1",

问题、报错

vue2才需要安装"@vue/composition-api": “^1.7.2”,vue3不需要,vue3版本至少要@3.2以上
nodejs:v16.20.1

npm install @vue/composition-api
#指定vue版本
npm install vue@3.2.13

如果提示错误,那就是vue版本不对
TypeError: ft.createElementVNode is not a function

建议升级vue版本
npm install vue@3.2.13

镜像用的是淘宝镜像
查看镜像:npm config get registry
设置淘宝镜像:npm config set registry https://registry.npmmirror.com

我这里有2个问题(太low,不知道原因):
1、在vue:~3.1.5版本下,可以安装@vue-office/docx、excel、pdf、pptx,但是项目启动后,显示TypeError: ft.createElementVNode is not a function
错误。
2、如果是先更新vue:^3.2.13版本,再安装@vue-office/docx、excel、pdf、pptx,就会安装失败(镜像都是https://registry.npmmirror.com)


http://www.kler.cn/a/555614.html

相关文章:

  • Casbin 权限管理介绍及在 Go 语言中的使用入门
  • 前端面试题-异步任务队列控制
  • [Android]NestedScrollView嵌套RecyclerView视图点击事件冲突问题
  • 【AI】GitHub Copilot
  • AF3 _realign_pdb_template_to_query 函数解读
  • DeepSeek 冲击(含本地化部署实践)
  • ios UICollectionView使用
  • android调用ffmpeg解析rtsp协议的视频流
  • 【重磅发布】OmniParser V2-开启GUI自动化新时代
  • Spark(2)linux和简单命令
  • PDF文档管理系统V2.0
  • Mac端homebrew安装配置
  • 安全防御综合练习2 nat+智能选路
  • 问题记录汇总
  • ref() 和 reactive()响应性 浅解
  • mapbox基础,使用geojson加载Fill面图层
  • docker之图形界面portainer.io无法访问问题及解决办法
  • 挖掘图片的秘密:如何用piexif提取和修改Exif数据
  • 正则表达式–断言
  • 蓝桥杯班级活动