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

💌 所属专栏：【程序错误解决方法（建议收藏）】

😀 作  者：我是夜阑的狗🐶

🚀 个人简介：一个正在努力学技术的CV工程师，专注基础和实战分享 ，欢迎咨询！

💖 欢迎大家：这里是CSDN，我总结知识的地方，喜欢的话请三连，有问题请私信 😘 😘 😘

文章目录

• 前言
• 一、问题场景
• 二、问题分析
• 三、问题解决
• 总结

  ---

  前言

    大家好，又见面了，我是夜阑的狗，本文是专栏【程序错误解决方法（建议收藏）】专栏的文章，主要讲解是在写 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 VUE3
  import Vue from 'vue'
  import App from './App'
  // 请求拦截器
  $http.beforeRequest = function(options){
    uni.showLoading({
      title:'数据加载中...'
    });
  }
  // 响应拦截器
  $http.afterRequest = function(){
    uni.hideLoading();
  }
  Vue.config.productionTip = false
  App.mpType = 'app'
  const app = new Vue({
      ...App
  })
  app.$mount()
  // #endif
  

  

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

  

  ---

  总结

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

  

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

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

  更多专栏订阅:

  
  

  • 😀 【LeetCode题解（持续更新中）】
  • 🚝 【Java Web项目构建过程】
  • 💛 【微信小程序开发教程】
  • ⚽ 【JavaScript随手笔记】
  • 🤩 【大数据学习笔记（华为云）】
  • 🦄 【程序错误解决方法（建议收藏）】
  • 🚀 【软件安装教程】

    
    

    订阅更多，你们将会看到更多的优质内容！！