引入vue-pdf报错：MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead)

最新推荐文章于 2024-07-10 11:23:11 发布
原创 最新推荐文章于 2024-07-10 11:23:11 发布 · 4.2k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#pdf #vue.js

终端报错截图：

原因：版本不兼容。

搜索了下解决方案，vue-pdf和cli的5.X版本不兼容，之后降低cli版本至4.X；

但还是不行，依旧报错，之后又降低了vue-pdf的版本至3.X，解决报错问题。

解决：cli版本4.X+ vue-pdf版本3.X

vue2/3 - vue-pdf报错Cannot read properties of undefined (reading ‘catch‘)详细解决方案，可能正常预览没有问题但就是报错(预览pdf)
高级前端工程师
07-30 3154
vue2，vue3，vue-pdf，预览，报错，预览pdf出现错误，TypeError: Cannot read properties of undefined (reading ‘catch‘)，换了vue-pdf版本依旧报错，还是会有这个错，不影响使用，虽然报错但还是能打开pdf文档，vue中pdf 预览报错，详细解决方案，原因导致出现的这个问题，给他规定指定的版本就可以解决这个问题，vue-pdf报错Cannot read properties，使用vue-pdf插件导致 Cannot，vue-pdf
vue 中 pdf 预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
平凡的人类的博客
04-21 3674
这两天接触 Vue 的项目，属实有点脑阔疼，不得不说有一点点的抓瞎，今天整理了一下思路，写一下遇到的一些问题和解决方案。
解决webpack4+升级webpack5+ vue-pdf不可用问题
06-09
Compiled with problems: × ERROR in ./node_modules/vue-pdf/node_modules/pdfjs-dist/es5/build/pdf.worker.js (./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js!./node_modules/vue-pdf/node_modules/pdfjs-dist/es5/build/pdf.worker.js) Module build failed (from ./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js): Error: MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead)
(vue-pdf运行报错) Error: MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule in
weixin_48746140的博客
07-10 1772
Module build failed (from ./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js):
Syntax Error: Error: MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule in
只为龙舞的博客
08-30 3808
1. 增加依赖 pdfjs-dist ，手动在package.json 中指定这个依赖；不要用 npm ，再重新安装vue-pdf,就正常了。
vue-pdf 跳坑
前端攻城狮的博客
03-01 2073
vue 项目展示 pdf 文件 当时是直接把文件放到了页面的文件夹下面，引用的时候地址直接是./01.pdf 此时没有报错，检查选中是有占位的，但是没有显示文档出来 我查了很久，一直也查不到解决方法 后来试了试线上的pdf文件，发现可以展示 然后看到官网和查到的资料，都是放到 public 或者 static 下面 我就把文件放在了 static 下面试试，发现可以 总结下来就是要么是线上的文件，要么文件就放到 public 或者 static 下面 下面是代码 <div>
vue component 中引入less文件报错 Module build failed
10-17
主要介绍了vue component 中引入less文件报错 Module build failed的解决方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
vue-pdf的使用与遇到的坑
m0_46114541的博客
05-25 4132
项目需求使用在页面中为用户呈现pdf文件内容，但不能让用户随意下载，最后最后找到了vue-pdf。报错MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead)
vue2项目使用vue-pdf报错MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead)怎么解决
最新发布
09-25
遇到这个错误通常是由于尝试在Vue 2项目中使用了Vue-PDF库，该库可能尚未兼容Vue 2的最新版本，特别是当它依赖于Vue Hot Module Replacement (HMR) 功能，而Vue 2官方已移除了hotBootstrap钩子。 为了解决这个问题...
@teckel/vue-pdf中出现MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead)
05-09
这个警告信息是因为 `@teckel/vue-pdf` 依赖的某个库中使用了 `hotBootstrap` 方法，但是这个方法在最新版的 Webpack 中已经被移除了。不过这个警告并不会影响到 `@teckel/vue-pdf` 的正常使用。如果你想要去除这个...
Module build failed (from ./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js): Error: MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead)
06-03
可能是你的项目中安装的 vue-pdf 的版本过低，无法兼容当前的 worker-loader 版本。 可以尝试更新 vue-pdf 或者 worker-loader 的版本，或者升级相关依赖库的版本，以解决此问题。如果问题仍然存在，可以尝试查看...
Compiled with problems:X ERROR in ./node_modules/pdfjs-dist/es5/build/pdf.worker.js (./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js!./node_modules/pdfjs-dist/es5/build/pdf.worker.js) Module build failed (from ./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js): Error: MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead) at Object.tap (D:\newtest\node_modules\webpack\lib\MainTemplate.js:215:12) at WebWorkerMainTemplatePlugin.apply (D:\newtest\node_modules\vue-pdf\node_modules\webpack\lib\webworker\WebWorkerMainTemplatePlugin.js:139:35) at D:\newtest\node_modules\vue-pdf\node_modules\webpack\lib\webworker\WebWorkerTemplatePlugin.js:16:39 at Hook.eval [as call] (eval at create (D:\newtest\node_modules\tapable\lib\HookCodeFactory.js:19:10), <anonymous>:7:1) at Hook.CALL_DELEGATE [as _call] (D:\newtest\node_modules\tapable\lib\Hook.js:14:14) at Compiler.newCompilation (D:\newtest\node_modules\webpack\lib\Compiler.js:1121:30) at D:\newtest\node_modules\webpack\lib\Compiler.js:1166:29 at Hook.eval [as callAsync] (eval at create (D:\newtest\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:24:1) at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (D:\newtest\node_modules\tapable\lib\Hook.js:18:14) at Compiler.compile (D:\newtest\node_modules\webpack\lib\Compiler.js:1161:28) at Compiler.runAsChild (D:\newtest\node_modules\webpack\lib\Compiler.js:561:8) at Object.pitch (D:\newtest\node_modules\vue-pdf\node_modules\worker-loader\dist\index.js:115:19)
06-06
看起来这是一个Webpack编译错误，可能与Vue-pdf或pdfjs-dist模块有关。您可以尝试以下步骤来解决此问题： 1. 确保您已经安装了最新版本的Vue-pdf和pdfjs-dist模块。 2. 如果您正在使用Vue CLI，请尝试删除node_...
vue-cli脚手架安装jest单元测试，运行异常解决办法（Option “mapCoverage“ has been removed, as it‘s no longer necessary.）
学而时习之，不亦说乎。
10-23 627
用vue-cli搭建了一个unit-test的vue项目选择来了单元测试jest，然后yarn unit后，报错了 问题 解决方法
vue 在线预览PDF
weixin_40466351的博客
09-02 7071
vue 在线预览PDF
webpack5的变化
七月
04-07 3267
webpack5 : 这个版本的重点在于以下几点。 尝试用持久性缓存来提高内置性能。 尝试用更好的算法和最小值来改进长期缓存。 尝试用更好的Tree Shaking和代码生成来改善包大小。 尝试改善与网络平台的兼容性。 尝试在不约会任何破坏性变化的情况下，清理那些在实现v4功能时处于奇怪状态的内部结构。 尝试通过现在约会突破性的变化来为未来的功能做准备，使其能够重新连续地保持在v5版本上。 一、webpack 5 的介绍及下载 webpack 5 通过持久缓存提高构建性能。 webpack 5
vue 报错 Module bulid failed (from ./node module/babel-loader/lib/index.js)
hello world
01-20 539
类似这样的报错，下载最新版node.js试试
那些年使用vue-pdf踩过的坑
热门推荐
车联网开发的博客
11-07 1万+
最近在vue项目中需要在线预览word,excel,ppt和pdf文件，思来想去最后决定使用vue-pdf来实现pdf文件在原页面中弹窗显示，而其他格式的文件直接跳转新页面预览。 效果图 1.首先在项目中安装vue-pdf npm install vue-pdf --save 2.在页面引入element-ui的弹窗组件（.vue） <el-dialog title="...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值