文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

【微信小程序】TypeError: Cannot read property ‘get‘ of undefined & Error: MiniProgramError

2023-09-10 06:10

关注

请添加图片描述

文章目录


前言

  大家好,又见面了,我是夜阑的狗,本文是专栏【程序错误解决方法(建议收藏)】专栏的文章,主要讲解是在写 uni-app 项目的时候出现的报错。
  专栏地址:【程序错误解决方法(建议收藏)】 , 此专栏是我是夜阑的狗对程序报错的解决方法,希望能够加深自己的印象,以及帮助到其他的小伙伴😉😉。
  如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。


一、问题场景

  在写 uni-app 项目的时候,跟着视频一步一步的弄,一运行就发现报错了,然后就开始各种百度了。

找不到定义

WAServiceMainContext.js?t=wechat&s=1680006165208&v=2.30.2:1 TypeError: Cannot read property ‘get’ of undefined
at _callee$ (home.js? [sm]:16)
at L (regenerator.js:1)
at Generator._invoke (regenerator.js:1)
at Generator.t. [as next] (regenerator.js:1)
at asyncGeneratorStep (asyncToGenerator.js:1)
at c (asyncToGenerator.js:1)
at asyncToGenerator.js:1
at new Promise ()
at asyncToGenerator.js:1
at Proxy.getSwiperList (home.js? [sm]:15)(env: Windows,mp,1.06.2301160; lib: 2.30.2)

在这里插入图片描述

找不到请求路径

WAServiceMainContext.js?t=wechat&s=1680009054414&v=2.30.2:1 Error: MiniProgramError
{“errno”:600009,“errMsg”:“request:fail invalid url “/api/public/v1/home/swiperdata””}
at Object.errorReport (WAServiceMainContext.js?t=wechat&s=1680009054414&v=2.30.2:1)
at Function.thirdErrorReport (WAServiceMainContext.js?t=wechat&s=1680009054414&v=2.30.2:1)
at Object.thirdErrorReport (WAServiceMainContext.js?t=wechat&s=1680009054414&v=2.30.2:1)
at a (WASubContext.js?t=wechat&s=1680009054414&v=2.30.2:1)
at Object.cb (WASubContext.js?t=wechat&s=1680009054414&v=2.30.2:1)
at G._privEmit (WASubContext.js?t=wechat&s=1680009054414&v=2.30.2:1)
at G.emit (WASubContext.js?t=wechat&s=1680009054414&v=2.30.2:1)
at WASubContext.js?t=wechat&s=1680009054414&v=2.30.2:1
at Le (WASubContext.js?t=wechat&s=1680009054414&v=2.30.2:1)
at WASubContext.js?t=wechat&s=1680009054414&v=2.30.2:1(env: Windows,mp,1.06.2301160; lib: 2.30.2)

在这里插入图片描述

二、问题分析

  根据百度和ChatGPT,chatGPT回答如下:

在这里插入图片描述

  可以发现,原来是导入模块以及定义放在了 Vue3 定义中,导致页面上使用的时候找不到该引入。

// #ifndef VUE3

// #endif

在这里插入图片描述

三、问题解决

  将导入模块以及定义方式放在 // #ifndef VUE3 外面,这样就能解决问题了

import { $http } from '@escook/request-miniprogram'uni.$http = $http// 配置请求根路径$http.baseUrl = 'https://www.uinav.com'// #ifndef VUE3import Vue from 'vue'import App from './App'// 请求拦截器$http.beforeRequest = function(options){  uni.showLoading({    title:'数据加载中...'  });}// 响应拦截器$http.afterRequest = function(){  uni.hideLoading();}Vue.config.productionTip = falseApp.mpType = 'app'const app = new Vue({    ...App})app.$mount()// #endif

在这里插入图片描述

  在微信开发者工具中也能请求到的 data 数据:

在这里插入图片描述


总结

  感谢观看,这里就是常用的视图容器类组件的介绍使用,如果觉得有帮助,请给文章点个赞吧,让更多的人看到。🌹 🌹 🌹

在这里插入图片描述

  也欢迎你,关注我。👍 👍 👍

  原创不易,还希望各位大佬支持一下,你们的点赞、收藏和留言对我真的很重要!!!💕 💕 💕 最后,本文仍有许多不足之处,欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正!下期再见。🎉

更多专栏订阅:



订阅更多,你们将会看到更多的优质内容!!

来源地址:https://blog.csdn.net/csh1807266489/article/details/129824082

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯