vue 导出 word 发布后 Can‘t find end of central directory : is this a zip file

于 2023-11-30 16:49:17 发布
阅读量796 收藏 10
点赞数 12
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lb_jay/article/details/134716315
版权

这个问题原因就是我们发布之后的路径原因

在使用vue-cli2时，我们需要把模板文件放到static目录下

在使用vue-cli3时，我们需要把模板文件放在public目录下

解决办法：

1.查看自己的模版文件必须是在 public 文件的下一层  不可以在 public 文件内再创建一个文件夹放模板

 

2.模板文件后缀必须是 docx 文件 如果是 doc 文件需要另存为 docx 文件 不可以直接修改后缀

3.读写模板文件路径时直接文件名称即可 不用使用绝对或相对路径

Gql_郭小磊
关注
  • 12
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
导出word模板遇到的错误Can‘t find end of central directory:is this a zip file?
ZMJ_QQ的博客
11-11 1万+
在导出word文档时，遇到了Can‘t find end of central directory:is this a zip file?的错误，找了很多文章，总结一下自己看见的可尝试的解决方案。 方法一（项目中没有引入mock，所以该方法没有使用过） 可能产生的原因是：1.你项目里面引用了mockjs文件，它的原理是重写了XMLHttpRequest，导致你上报插件找不到对应的方法； 解决方法：上线时把项目中引入的mock注释掉，// import '@/mock'; 原理分析：mockjs是一
关于vue项目中使用JSZipUtils提示‘Can‘t find end of central directory : is this a zip file ?’的报错信息总结
weixin_44356292的博客
08-18 1万+
1.问题描述 在vue项目中使用jszip-utils+docxtemplater+pizzip+file-saver来写前端word导出功能，开发过程中可能会出现‘Can't find end of central directory : is this a zip file ?’报错。那么你要知道该报错是怎样被引起的？百度大部分帖子是关于如何使用综上所述一套组件写word导出功能方法，极少部分帖子是关于此报错的具体解决方案。 该报错的引起方式实际上是没有找到你的word模板，或者的它认为你的文件不是
Error: Can‘t find end of central directory : is this a zip file
aa754403560的博客
12-20 4797
在使用doc-preview的过程中，如果出现此报错，说明renderAsync方法传递的数据类型有问题。doc-preview仅支持bolb类型。
vue 导出word文档 (纯有效) 报错: Can‘t find end of central directory : is this a zip file ?
qq_53722480的博客
04-07 2635
报错: Can't find end of central directory : is this a zip file?结束 over over!
Looback4 Can‘t find end of central directory:is this a zip file？
代码不仅仅是你的工作，更是你的作品
01-31 857
Can‘t find end of central directory:is this a zip file？
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
vue 导出word插件
12-21
在文件的开头我有写需要下载的包名,使用之前下载包名,该插件包含了list-loop ,condition语法等,引入既可以使用
vue导出word功能
02-20
echarts、table、文本导入到word文档中下载
vue导出html、word和pdf的实现代码
10-18
主要介绍了vue导出html、word和pdf的实现方法，文中完成了三种文件的导出但是还有很多种方法，小编就不给大家一一列举了,需要的朋友可以参考下
Can‘t find end of central directory:is this a zip file？
weixin_39011682的博客
06-01 1万+
Can‘t find end of central directory:is this a zip file?导出word模板遇到的错误 JSZipUtils.getBinaryContent(‘templete.docx’, (error, content) => {})调用时报错， 引入模板路径有问题，改为JSZipUtils.getBinaryContent(’/templete.docx’, (error, content) => {})即可 ...
导出word文档 单选框多选框 遇见Error: Can‘t find end of central directory : is this a zip file ?
qq_42877655的博客
12-18 2420
你是在做导出word文档吗 我是在做这个的时候发现了这个问题 Error: Can’t find end of central directory : is this a zip file ? 导出word文档参考 https://www.jianshu.com/p/b3622d6f8d98 其实在大佬的文档里面有写了 但是我没注意到，在查阅了很多文档之后才发现 文件资源应该放到这些地方 使用vue-cli2的时候，放在static目录下。 使用vue-cli3的时候，放在public目录下 大家引以为鉴文
node 读取 word docx 文档 (只能读取内容)
qq_35294658的博客
05-10 9235
对于docx文件，您可以使用mammoth，它将从.docx文件中提取文本。var mammoth = require("mammoth"); mammoth.extractRawText({path: "./routes/aaa.docx"}) .then(function(result){ var text = result.value; // The raw text ...
Can‘t find end of central directory : is this a zip file ? at XMLHttpRequest
最新发布
子豪的博客
08-17 1800
这个word首先必须是docx格式,然后必须放在public文件包下。如果放在public文件包下还没有用,则放在public包下。导出woed出现这个报错,原因其实很简单,路径写错了,
使用JSZipUtils报Can‘t find end of central directory:is this a zip file?
qq_42383970的博客
06-29 1775
解决JSZipUtils读取文件报错问题
VUE使用Luckysheet Luckysheet本地导入时报错‘luckysheet‘ is not defined【已解决】，页面刷新‘luckysheet‘ 丢失
lenn
06-26 3060
【代码】VUE使用Luckysheet Luckysheet本地导入时报错‘luckysheet‘ is not defined【已解决】，页面刷新‘luckysheet‘ 丢失。
Vue-纯前端导出word文档 Can‘t find end of central directory:is this a zip file？
Li_Ning21的博客
04-27 3016
其实好多文章都有介绍 我这里就把自己遇到的一个奇葩问题记录一下： 归根结底就是不要直接通过改变文件后缀名来企图创建一个word.docx文件； 首先 -- 安装 docxtemplater npm install docxtemplater pizzip --save -- 安装 jszip-utils npm install jszip-utils --save -- 安装 jszip npm install jszip --save -- 安装 FileSaver npm install fi
Node结合mammoth进行word内容的读取（所有内容附带格式）
凭时间赢来的东西，时间肯定会为之作证
06-20 12万+
上一篇文章讲到获取word的纯文本内容，这篇 文章做一个扩展，我们获取其中所有的内容。 将改为即可；
Node结合mammoth进行word内容的读取（纯文本内容）
热门推荐
凭时间赢来的东西，时间肯定会为之作证
06-19 12万+
此方法只能读取到纯文本内容… 使用以下代码下载相关包文件 关于介绍请点击：mammoth。 可以通过或者进行相关的请求书写。
前端导出word实现方法
cofecode的博客
05-20 1720
前端导出word方法 npm i docxtemplater jszip-utils file-saver jszip@2.6.1 import Docxtemplater from 'docxtemplater' import JSZipUtils from 'jszip-utils' import { saveAs } from 'file-saver' import JSZip from 'jszip' wordData: any = { data: [ {
vue-router.mjs:3434 TypeError: this.$t is not a function
05-23
这个错误是因为你在Vue组件中使用了this.$t，但是在组件中并没有定义$t方法。$t是vue-i18n库中的方法，它用于实现国际化。 要解决这个错误，你需要在Vue组件中引入vue-i18n库，并在Vue实例中使用它。在Vue实例中定义i18n对象，然后将其注入到Vue实例中。例如： ``` import Vue from 'vue' import VueI18n from 'vue-i18n' import messages from './messages' Vue.use(VueI18n) const i18n = new VueI18n({ locale: 'en', // set locale messages // set messages }) new Vue({ el: '#app', i18n, // inject i18n to all components render: h => h(App) }) ``` 在组件中使用$t方法时，可以通过this.$i18n.t来访问。例如： ``` export default { name: 'MyComponent', computed: { message() { return this.$i18n.t('hello') } } } ``` 这样就可以避免出现“this.$t is not a function”的错误了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值