uni-app导入@escook/request-miniprogram 请求接口报错TypeError: Cannot read property ‘get‘ of undefined

在跟着视频做项目的时候,突然遇到一个很奇怪的问题,正确跟着老师安装、导包后,在使用接口请求数据时居然说‘get’未定义,经过查找发现,只需要把导入的包,以及导包后的操作放到文件最顶部即可,如下:

// 导入网络请求的包
import {$http} from '@escook/request-miniprogram'

uni.$http=$http

// 请求的根路径
$http.baseUrl='https://www.uinav.com'

// 显示加载中,请求拦截器
$http.beforeRequest=function(options){
	uni.showLoading({
		title:'数据加载中...'
	})
}

// 隐藏加载中,响应拦截器
$http.afterRequest=function(){
	uni.hideLoading()
}

// #ifndef VUE3
import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
    ...App
})
app.$mount()
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'
import App from './App.vue'
export function createApp() {
  const app = createSSRApp(App)
  return {
    app
  }
}
// #endif

这个错误通常是由于在uni-app的真机运行环境中尝试访问某个不存在的DOM元素导致的。"getElementById"是一个JavaScript原生方法,用于获取ID为指定值的HTML元素。如果在页面初始化前就尝试调用了这个方法,而对应的元素还未加载完成,就会抛出TypeError。 要解决这个问题,你可以按照以下步骤检查: 1. **确认元素是否存在**: 确保你在尝试访问元素之前,该元素已经存在于页面上。可以使用`document.readyState`检查文档是否已完全加载。如果元素需要异步加载,可以在`DOMContentLoaded`事件回调中访问它。 ```javascript document.addEventListener('DOMContentLoaded', function () { var element = document.getElementById('yourId'); if (element) { // ...其他操作 } else { console.log('Element not found yet.'); } }); ``` 2. **延迟执行代码**: 如果你需要立即执行某段依赖于特定元素的代码,可以将那段代码包裹在一个条件判断里,只有当元素存在时才执行。 3. **检查变量作用域**: 确保`getElementById`的调用是在正确的上下文中进行的,比如不要在全局作用域下查找局部创建的DOM元素。 4. **错误处理和异常捕获**: 使用try-catch块来捕捉可能出现的错误,避免程序崩溃。 ```javascript try { const element = document.getElementById('yourId'); } catch (error) { console.error('Failed to get element:', error); } ``` 5. **检查uni-app配置**:确保在uni-app的配置文件中(如pages.json或wxml模板),相关的组件已经正确地渲染到了页面中,并且ID命名正确无误。 如果以上步骤都不能解决问题,可能是组件或数据源的问题,需要检查你的业务逻辑是否有误。如果还是无法确定,可以提供具体的代码片段以便进一步分析。
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值