vue3 - 异步组件 defineAsyncComponent 引入使用无效（Cannot read properties of undefined(reading ‘catch‘)）详细解决方案

已于 2025-01-16 15:32:14 修改
阅读量3.9k 收藏 4
点赞数 3
分类专栏： 前端组件与功能(开箱即用) 前端常见问题解决 vue常见问题解决 文章标签： vue3 defineAsyncCom vue3异步组件引入报错 vite异步组件使用报错 reading catch
于 2023-02-19 23:01:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/129116213
版权
在尝试使用Vue3的defineAsyncComponent引入异步组件时，出现'Cannot read properties of undefined (reading 'catch')'的错误。报错源于代码中的import语句没有返回。解决方案是确保在import前加上return，使异步加载生效。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

报错信息

defineAsyncComponent 用于拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。

照着官网的示例代码进行使用，如下图所示：

在这里插入图片描述
结果却发生了如下报错：

在这里插入图片描述

翻译成中文就是：无法读取未定义的属性。

解决方案

了解本专栏 订阅专栏 解锁全文
vue2/3 - vue-pdf报错Cannot read properties of undefined (reading ‘catch‘)详细解决方案，可能正常预览没有问题但就是报错(预览pdf)
高级前端工程师
07-30 2875
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
出现 TypeError: Cannot read properties of undefined (reading ‘then‘) 解决方法
码农研究僧的博客
03-05 4451
出现 TypeError: Cannot read properties of undefined (reading 'then') 解决方法
【vue3】defineAsyncComponent构建后路径错误解决
IU
05-22 2054
{这在我本地运行的时候，可以打开没有问题。但是构建到prod后文件指向错误。vite build后dist文件夹中没有生成动态导入的文件。
vue 中 pdf 预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
平凡的人类的博客
04-21 3600
这两天接触 Vue 的项目，属实有点脑阔疼，不得不说有一点点的抓瞎，今天整理了一下思路，写一下遇到的一些问题和解决方案。
Uncaught TypeError: isFunction is not a function at defineComponent 解决方法及产生原因
最新发布
Noctiflorous_s的博客
04-03 1221
记录写vue项目时遇到的一个错误。
vue3异步组件defineAsyncComponent报错解决
langligelangxy的博客
04-16 3536
vue3异步组件defineAsyncComponent报错解决方法
vue-pdf遇到 Cannot read properties of undefined (reading ‘catch‘) 解决办法
weixin_48746140的博客
05-10 1812
1.打开node_modules\vue-pdf\src\pdfjsWrapper.js。而在第二段代码中，Promise 的错误处理直接在。：在第一段代码中，Promise 的错误处理使用了。方法来捕获可能发生的错误，并调用。方法调用后使用了链式调用。
vue-pdf报错Cannot read properties of undefined (reading ‘catch‘)“ found in
CCAHSC的博客
07-06 2134
直接把package.json中的 vue-pdf删除添加下面的两行代码然后重新执行npm i 重新跑一边项目就可以了。根本原因就是vue-pdf版本和vue版本不一致。再安装低版本的vue-pdf。先卸载现有的vue-pdf。
vue中pdf预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
m0_68275786的博客
11-29 5178
vue中pdf预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
vue3异步组件中 TypeError: Cannot read properties of undefined (reading 'catch')
08-03
当你遇到 `TypeError: Cannot read properties of undefined (reading 'catch')` 这样的错误，这通常是由于以下几个原因： 1. **组件引用的问题**：在尝试访问异步加载的组件的实例属性或方法前，该组件可能还未...
vue-pdf组件报错 Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'catch')"
03-28
好的，我现在需要帮助用户解决在Vue.js中使用vue-pdf组件时出现的TypeError错误，具体是“Cannot read properties of undefined (reading 'catch')”。首先，我得先理解这个错误的原因。 根据用户提供的引用内容，...
使用vue-pdf插件导致 Cannot read properties of undefined (reading ‘catch‘)解决办法
聆听
03-25 5639
通过以下路径找到pdfjsWrapper.js文件并把全部代码修改为下面的代码就解决啦！ vue_test（根目录）/node_modules/vue-pdf/src/pdfjsWrapper.js import { PDFLinkService } from 'pdfjs-dist/lib/web/pdf_link_service'; var pendingOperation = Promise.resolve(); export default function(PDFJS) { ...
vue-pdf组件报错vue-pdf Cannot read properties of undefined (reading ‘catch‘)
summer_gf的博客
02-22 8236
项目场景： 使用vue-pdf组件实现文件预览功能 问题描述： 安装依赖后报错vue-pdf Cannot read properties of undefined (reading 'catch') TypeError: Cannot read properties of undefined (reading 'catch') at PDFJSWrapper.renderPage (pdfjsWrapper.js?a068:196) at VueComponent.resize (co
关于提示：Cannot read property ‘catch‘ of undefined“
weixin_47058581的博客
12-15 1333
npm i vue-router
vue嵌入PDF预览以及报错（Cannot read properties of undefined (reading ‘catch‘)）解决
Lora_0925的博客
03-23 5957
项目中需要用到PDF预览，查找病尝试了很多种方法，使用了iframe，但是无法访问链接，可能是跨域问题，没有深究。使用了pdfjs,引入后模块报错，无法启动，可能是版本问题，最后选择了vue-pdf。 下载依赖： npm install --save vue-pdf 引入： import pdf from "vue-pdf"; 使用（这里使用的是带有分页的，否则只会展示一页）： components: { pdf, }, <pdf ref="pdf" :sr
vue-pdf 预览乱码问题
MyCloisonne的博客
08-30 1776
解决方法： 1、找到安装的依赖文件夹vue-pdf，把node_modules > vue-pdf > src > pdfjsWrapper.js替换为以下文件内容: import { PDFLinkService } from 'pdfjs-dist/es5/web/pdf_viewer'; var pendingOperation = Promise.resolve(); export default function(PDFJS) { function isPDF
解决异步传参时出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误
热门推荐
欢迎观看我的前端知识合集~
10-20 2万+
解决异步传参时出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误
Vue3 动态组件 component:is= 失效
weixin_63681863的博客
09-25 6635
用Vue3，组件无需注册，所以就会提示“注册了不不使用”的报错，于是用了异步注册，甚至直接为了不报错就在下面使用3个组件，有异步加载，但还是实现不了预期效果组件已经有了，但是component宽高为0就上面这个代码，除了没用2个script剩下的没啥大差别了，就不知道为啥上面的不行，可能是预编译啥的吧，求大佬指点。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

十一猫咪爱养鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值