最近遇到一个问题,使用 pnpm 安装项目依赖没有报错,但是在打开页面时报错了,提示vue-office/docx这个包没有找到安装路径,解决方法有 2 个: 方法1 删除node_modules,改用npm安装。 方法2 运行pnpm approve-builds后再执行pnpm i 联合创作:陈浩 & 龙俊彪 发布于 2025-03-20 16:28・湖南
npm install @vue-office/excel # 或者 yarn add @vue-office/excel 2. 引入组件和样式 在你的Vue组件中,你需要引入相应的vue-office组件以及它们的样式文件。 vue <script setup> import { ref } from 'vue'; import VueOfficeDocx from '@vue-office/docx'; import '@vue-office/docx/lib/ind...
"@vue-office/excel":"^1.4.5", "@vue-office/pdf":"^1.5.3", #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 ...
import VueOfficeDocx from "@vue-office/docx"; import "@vue-office/docx/lib/index.css"; const activeName = ref("1"); const src = ref(""); onMounted(() => { getUrl(); }); const getUrl = async () => { try { const response = await fetch("/agreement.docx"); if (!response...
使用vue-office-pdf组件预览PDF视频使用video>标签预览 等等。具体的预览实现如下：```html vue-office-pdf v-if="isPdf":src="fileContent":disable-download="true"class="preview-item"/> vue-office-excel v-else-if="isExcel":src="fileContent":disable-download="true":options="{ xls: fileType ==...
<vue-office-docx :src="docx" @rendered="rendered"/> </template> //引入VueOfficeDocx组件 import VueOfficeDocx from '@vue-office/docx' //引入相关样式 import '@vue-office/docx/lib/index.css' export default { components:{ VueOffice
正常使用的版本应该为 @vue-office/pdf---0.2.5 vue ---3.2.37 其中vue的版本在@3.2.30时无法使用pdf,可以使用的情况为vue版本号>=3.2.37即可。
Failed to resolve entry for package "@vue-office/docx". The package may have incorrect main/module/exports specified in its package.json
<template> <vue-office-excel :src="excel" style="height: 100vh;" @rendered="renderedHandler" @error="errorHandler" /> </template> //引入VueOfficeExcel组件 import VueOfficeExcel from '@vue-office/excel' //引入相关样式 import '@vue-office/excel/lib/index.css' export default { components...
import "@vue-office/docx/lib/index.css"; //docx预览插件样式 import VueOfficeExcel from "@vue-office/excel"; //引入excel预览插件 import "@vue-office/excel/lib/index.css"; //引入excel预览插件样式 const src = ref(""); const type = ref(""); ...