1***@163.com
1***@163.com
  • 发布:2025-03-04 15:20
  • 更新:2025-03-19 16:35
  • 阅读:75

解决Error in mounted hook: "TypeError: Cannot read property 'query' of undefined"

分类:uni-app

import Vue from 'vue'
import App from './App'
import store from './store'
import tip from './common/util/tip.js'
import configService from './common/service/config.service.js'

// 注册缓存器

// store
Vue.prototype.$store = store;
// tip
Vue.prototype.$tip = tip;
// config
Vue.prototype.$config = configService;

// request请求
import {
http
} from '@/common/service/service.js'

Vue.prototype.$http = http

import home from './pages/home/home.vue'
Vue.component('home', home)

import device from './pages/device/device.vue'
Vue.component('device', device)

import report from './pages/report/report.vue'
Vue.component('report', report)

import people from './pages/user/people.vue'
Vue.component('people', people)

// 自定义组件
import mySelect from './components/my-componets/my-select.vue'
Vue.component('mySelect', mySelect)

import myImageUpload from './components/my-componets/my-image-upload.vue'
Vue.component('myImageUpload', myImageUpload)

import myPage from './components/my-componets/my-page.vue'
Vue.component('myPage', myPage)

import basics from './pages/color-ui-sample/basics/home.vue'
Vue.component('basics', basics)

import components from './pages/color-ui-sample/component/home.vue'
Vue.component('components', components)

import plugin from './pages/color-ui-sample/plugin/home.vue'
Vue.component('plugin', plugin)

import cuCustom from './colorui/components/cu-custom.vue'
Vue.component('cu-custom', cuCustom)

// import VConsole from './js_sdk/vconsole.min'

// var vConsole = new VConsole();

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
store,
...App
})
//v1.3.5起 H5端 你应该去除原有的app.$mount();使用路由自带的渲染方式
// // #ifdef H5
// RouterMount(app, '#app');
// // #endif

// // #ifndef H5
app.$mount(); //为了兼容小程序及app端必须这样写才有效果
// // #endif

//行政区域插件
// import VDistpicker from 'v-distpicker'

// Vue.component('v-distpicker', VDistpicker);

//import vRegion from 'v-region'
//Vue.use(vRegion, { global config options... })

为什么会报
15:18:12.251 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'query' of undefined"

found in

---> <Device> at pages/device/device.vue:1
    at pages/index/index.vue:1
15:18:12.291 TypeError: Cannot read property 'query' of undefined
15:18:12.557 请求错误做点什么, [Object] {"data":{"msg":"请求访问:/sp/oil/device,认证失败,无法访问系统资源","code":401},"statusCode":401,"header":{"...} at common/service/service.js:62
15:18:12.558 ------异常响应------, at common/service/service.js:66
15:18:12.558 ------异常响应------, undefined at common/service/service.js:67
15:18:12.562 error:, [Object] {"data":{"msg":"请求访问:/sp/oil/device,认证失败,无法访问系统资源","code":401},"statusCode":401,"header":{"...} at pages/device/oil/list/list.vue:150

2025-03-04 15:20 负责人:无 分享
已邀请:
1***@163.com

1***@163.com (作者) - 前端开发小白

import Vue from 'vue'
import App from './App'
import store from './store'
import MinCache from './common/util/MinCache.js'
import tip from './common/util/tip.js'
import configService from './common/service/config.service.js'

console.log(Vue.version);
import router from './common/router'
console.log('[路由检测] 已注册路由:', router.$routes)
import {
RouterMount
} from 'uni-simple-router'

// 注册缓存器
Vue.use(MinCache, {
timeout: 6
})
// store
Vue.prototype.$store = store;
// tip
Vue.prototype.$tip = tip;
// config
Vue.prototype.$config = configService;

// request请求
import {
http
} from '@/common/service/service.js'

Vue.prototype.$http = http

import home from './pages/home/home.vue'
Vue.component('home', home)

import device from './pages/device/device.vue'
Vue.component('device', device)

import report from './pages/report/report.vue'
Vue.component('report', report)

import people from './pages/user/people.vue'
Vue.component('people', people)

// 自定义组件
import mySelect from './components/my-componets/my-select.vue'
Vue.component('mySelect', mySelect)

import myImageUpload from './components/my-componets/my-image-upload.vue'
Vue.component('myImageUpload', myImageUpload)

import myPage from './components/my-componets/my-page.vue'
Vue.component('myPage', myPage)

import basics from './pages/color-ui-sample/basics/home.vue'
Vue.component('basics', basics)

import components from './pages/color-ui-sample/component/home.vue'
Vue.component('components', components)

import plugin from './pages/color-ui-sample/plugin/home.vue'
Vue.component('plugin', plugin)

import cuCustom from './colorui/components/cu-custom.vue'
Vue.component('cu-custom', cuCustom)

// import VConsole from './js_sdk/vconsole.min'

// var vConsole = new VConsole();

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
store,
router,
MinCache,
...App
})
console.log('Vue app created:', app);

//v1.3.5起 H5端 你应该去除原有的app.$mount();使用路由自带的渲染方式
// #ifdef H5
RouterMount(app, '#app');
console.log('H5 app mounted with RouterMount');
// #endif

// #ifndef H5
app.$mount(); //为了兼容小程序及app端必须这样写才有效果
console.log('Non - H5 app mounted');
// #endif

//行政区域插件
// import VDistpicker from 'v-distpicker'
// Vue.component('v-distpicker', VDistpicker);

//import vRegion from 'v-region'
//Vue.use(vRegion, { global config options... })
这是解决了后的

要回复问题请先登录注册