San+Moment: Uncaught TypeError: Cannot read property 'call' of undefined

最新推荐文章于 2023-08-06 18:58:26 发布
原创 最新推荐文章于 2023-08-06 18:58:26 发布 · 434 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了一个常见的Vue开发错误：在watch中不当使用函数调用而非函数引用，导致Uncaught TypeError异常。通过具体示例，纠正了错误用法，并提供了正确的实践方案。 
Uncaught TypeError: Cannot read property 'call' of undefined
    at NumberListPartial.<anonymous> (moment.min.js:1)
    at re.fire (moment.min.js:1)
    at re.set (moment.min.js:1)
    at moment.min.js:1
    at n (moment.min.js:1)
    at moment.min.js:1
    at n (moment.min.js:1)
    at t.Ie._updateBindxOwner (moment.min.js:1)
    at t.Ie._update (moment.min.js:1)
    at Je (moment.min.js:1)

这报错信息真的看不太懂，堆栈信息有和没有没啥区别。

Solution

只是后来根据感觉，发现了这个问题出现的原因：

this.watch('xNumbers.value', this.loadListData());

在watch的时候应该传入函数名，而不是函数调用—

this.watch('xNumbers.value', this.loadListData);
vue项目--解决报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
代码青春
06-29 4852
vue项目--解决报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
关于js：Uncaught TypeError Cannot read properties of undefined (reading ‘style‘) 全局与局部变量 for循环
bsefef的博客
03-09 6150
问题： 想实现点击一个li，就会展示对应的div： 代码为： var tab_list = document.querySelector('.tab_list'); var lis = tab_list.querySelectorAll('li'); var items = document.querySelectorAll('.item'); for(var i = 0; i < lis.length; i++){ // 设置每个li的index值
Uncaught TypeError: Cannot read property 'call' of undefined
博客
08-14 1万+
在编写表单验证的时候validate（）出现了错误，当我添加rules的时候，出现报错。关键代码如下所示 $("#inputForm").validate({ rules : { excavateDiameter : { required: true, //要求...
webpack Uncaught TypeError: Cannot read property 'call' of undefined
dov的博客
07-26 1740
尝试升级webpack4.35，extract-text-webpack-plugin更改为mini-css-extract-plugin还是没有解决问题，各种查询到的办法也是不能解决问题，怀疑是缓存导致，单页应用的index.html如果被缓存那么js肯定是缓存中的，如果发布新版本，很有可能导致错误,附上nginx配置 location / { proxy_set_header ...
Uncaught TypeError: cannot read property call of undefined (webpack打包出错)
xinqilela的博客
03-23 5137
extract-text-webpack-plugin问题： new ExtractTextPlugin({ filename: '[name].[hash].css', allChunks: true })webpack官网的解释：new ExtractTextPlugin(options: filename | object)NameTypeDescrip...
uni-app报错:TypeError: Cannot read property ‘call‘ of undefined 得问题
qq_57676486的博客
05-05 3720
在运行的微信小程序模拟器时，下面有一个运行时是否压缩代码，勾选上就好了。解决办法：（原因不详，但可以解决问题）
Uncaught TypeError: Cannot read property 'call' of undefined jquery.validate.min.js:28
aofan9566的博客
10-04 355
最近在做表单验证时，，自己写的addMethod 方法总是不起作用。折腾了将近一天。报告的错误，如下面的 Uncaught TypeError: Cannot read property 'call' of undefinedjquery.validate.min.js:28 先来看一下 我自己页面的布局。 top.jsp 上面的截图为top.jsp的头部引用...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
【react】启动新项目时报错:Uncaught TypeError: Cannot read property ’forEach‘of undefined
all_might1的博客
09-10 1371
一、问题描述 忙里偷闲，想重开个项目，用作练习项目。但是在 npm i ，启动后，项目没有出现React转圈圈的动画。一开控制台报了如下错误： 二、问题解决思路 本来想顺藤摸瓜找到这个文件看看那句话是咋回事，但是用vscode打开的工程里全局搜愣是找不到。我自己去node_moudle顺着字母找下去，也毫无收获，没这文件。 但是无论我怎么重新启动都报这个错，然后不信邪就去直接找项目文件夹。嘿，很轻松一眼找到了。 ...
hard-source-webpack-plugin 报错- TypeError: Cannot read property ‘call‘ of undefined
qq_40652104的博客
03-02 966
hard-source-webpack-plugin 报错- TypeError: Cannot read property 'call' of undefined
validate.js中出现TypeError: Cannot read property ‘call‘ of undefined
java程序员的博客
08-06 1662
在使用thymeleaf页面中加入了validate校验，启动服务报TypeError: Cannot read property ‘call’ of undefined，如图： 经过一番筛查发现有可能是form表单或者js校验问题，最后发现是在代码中require单词 所以在写代码的时候一定注意认真！！ ...
TypeError: Cannot read property ‘call‘ of undefined“
qq_41020661的博客
05-31 2182
我是使用引用vue.js的方式使用vue的，只有一个页面，但是却报了错了，网上的都是大项目出的问题，所以记录一下 错误： 我的代码： new Vue({ el:'#app', data:{ // 温度 count:15, // 穿什么 a:'111', }, watch:{ a:{ handle(){ console.log('12345') if(this.cou
vue问题- TypeError: Cannot read property ‘call‘ of undefined
前端
08-17 2万+
现象描述： vue的项目，在运行 npm run server时没有问题，但是运行npm run test:unit时却报错，但是在其他项目中又能正常运行，所以感觉有点无法定位问题的发生位置，因为没有提示缺少包什么的。 报错信息 RUNTIME EXCEPTION Exception occurred while loading your tests TypeError: Cannot read property 'call' of undefined at __webpack_require
小程序使用uView报TypeError: Cannot read property ‘call‘ of undefined
weixin_57653786的博客
08-06 1523
错误:VM959:1562 页面【node-modules/uview-ui/components/u-loading-icon/u-loading-icon]错误: TypeError: Cannot read property 'call' of undefined在更改代码，重新渲染小程序页面时报错，并且页面空白。
uniapp 报TypeError: Cannot read property ‘call‘ of undefined
qq_45768050的博客
10-25 8500
uniapp 报TypeError: Cannot read property ‘call’ of undefined页面变空白 原因：我的项目做了分包处理，我在当前的tabbar页面引入了其它tabbar页面分包下的组件，所以报TypeError: Cannot read property ‘call’ of undefined 解决把相关组件放在当前分包下 ...
Vue 项目打包后访问报错：Uncaught TypeError: Cannot read property 'call' of undefined
热门推荐
Amy的博客
05-08 14万+
问题描述 vue-cli 改的多页项目，本地开发的时候一切正常，打包也没有报错。但访问的时候，有的页面可以正常访问有的页面空白并且控制台报错 Uncaught TypeError: Cannot read property 'call' of undefined，查看 network 里资源都已经成功加载，如下图： 解决办法 修改 webpack.prod.conf.js 文件，见...
Cannot read property 'call' of undefined
望生帝的博客
06-24 5万+
打开页面出现这个问题：Cannot read property 'call' of undefined 百度了下，https://blog.youkuaiyun.com/sansan_7957/article/details/80229697这个说的好像挺对的。 但我想了想我的操作是，更改了相应的前端打包的文件，然后就报了那个 错，使用Ctrl+F5强制刷新下就能正常访问了，OK。 ...
接上一篇：【Vue 项目打包后访问报错：Uncaught TypeError: Cannot read property 'call' of undefined】
Amy的博客
05-08 1万+
报错：js: Uncaught TypeError: Cannot read property 'checkRegistry' of undefined
最新发布
07-03
在 Vue3 项目中使用 QWebChannel 调用 C++ 方法时，出现 `Uncaught TypeError: Cannot read property 'checkRegistry' of undefined` 错误通常表明 QWebChannel 实例未能正确初始化或注册。这种错误可能源于以下几种情况： 1. **QWebChannel 未正确初始化** 在 Vue3 的环境中，需要确保 QWebChannel 对象在页面加载后被正确创建，并且与 Qt WebEngine 或相关后端建立连接。如果 QWebChannel 实例未成功初始化，则调用其方法（如 `checkRegistry`）会导致该错误。 2. **跨域问题或异步加载延迟** 如果 QWebChannel 是通过远程资源加载的，可能会受到浏览器同源策略限制，或者由于异步加载尚未完成就尝试访问其属性而导致对象为 `undefined` [^3]。 3. **C++ 后端未正确暴露接口** 在 Qt 中，需要使用 `QWebChannelAbstractTransport` 和 `QWebChannel` 将 C++ 对象注册到前端 JavaScript 环境中。如果未正确设置传输通道或未将对象注册到 QWebChannel，则前端无法访问这些方法 [^5]。 4. **Vue3 生命周期钩子中过早访问 QWebChannel** 若在 `onMounted` 钩子之前或异步数据加载完成前尝试访问 `checkRegistry` 属性，也可能导致此错误。建议将所有对 QWebChannel 的操作放在 `onMounted` 生命周期钩子中执行 [^4]。 ### 解决方案 #### 检查 QWebChannel 初始化 确保在 Vue 组件的 `onMounted` 生命周期钩子中正确初始化 QWebChannel，并等待其连接建立后再进行调用： ```javascript import { onMounted } from 'vue'; onMounted(() => { const webChannel = new QWebChannel(qt.webChannelTransport, (channel) => { // 获取 C++ 对象 const cppObject = channel.objects.myCppObject; if (cppObject && typeof cppObject.checkRegistry === 'function') { cppObject.checkRegistry((result) => { console.log('Registry check result:', result); }); } else { console.error('checkRegistry method is not available'); } }); }); ``` #### 确保 C++ 对象已正确注册 在 Qt 端，确认你已正确地将 C++ 对象注册到 QWebChannel 并设置了传输机制： ```cpp // C++ 示例代码 QWebChannel *channel = new QWebChannel(webView->page()); MyCppObject *myObj = new MyCppObject(); channel->registerObject("myCppObject", myObj); webView->page()->setWebChannel(channel); ``` #### 异步处理和容错机制 引入异步检查机制以避免因 QWebChannel 尚未准备好而引发错误： ```javascript let retryCount = 0; const maxRetries = 5; function tryAccessCheckRegistry() { if (window.qwebChannel && window.qwebChannel.objects && window.qwebChannel.objects.myCppObject) { window.qwebChannel.objects.myCppObject.checkRegistry((result) => { console.log('Registry check result:', result); }); } else if (retryCount < maxRetries) { setTimeout(() => { retryCount++; tryAccessCheckRegistry(); }, 1000); // 每秒重试一次 } else { console.error('Failed to access checkRegistry after multiple attempts.'); } } onMounted(() => { tryAccessCheckRegistry(); }); ``` #### 调试与日志输出 添加调试信息可以帮助定位问题根源： ```javascript onMounted(() => { if (typeof QWebChannel === 'undefined') { console.error('QWebChannel is not defined. Check your Qt integration.'); } else { console.log('QWebChannel is available.'); } }); ``` ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值