关于微信小程序没定义query却还报错TypeError: Cannot set property ‘query‘ of undefined

博主在修改代码时误将Vue3改为Vue2,导致了困扰,后来意识到这其实是预处理指令的一部分。ifdef和ifndef是C/C++中的预处理指令,用于条件编译。在这段代码中,它们被用来根据Vue版本选择性地编译不同部分。当Vue版本不是3时,使用Vue2的相关配置;反之,当Vue版本是3时,使用Vue3的SSR创建方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最开始以为 #ifndef 和 #endif  这是注释  看见下面写了个vue3,把这个vue3改成了vue2,

然后然后最重要的是,改了自己又忘了自己改了这里,折磨了不知道多了多少minutes,又记起来了,然后就解决啦~~~~

然后查了一下这是啥意思,发现这是一种预处理指令

ifdef = if define 意思是如果定义了,而 ifndef = if not define正好相反,表示如果没有定义

​#endif用于结束条件编译,编译时与前面最近的#if、#ifdef或#ifndef作为一对,经常一起使用,编译两者之间的部分程序段。在头文件中使用 #ifdef 和#ifndef,可以防止双重定义的错误。

以下为完整代码 

import App from './App'
// #ifndef VUE3
import Vue from 'vue'
// 第三方请求包
import request from '@/utils/request.js'
import * as tools from '@/utils/tools.js'

//将http挂载到uni对象上
uni.$request = request
//封装的展示消息提示的方法
Object.keys(tools).forEach(key=>{
  uni.key = tools[key]
})

Vue.config.productionTip = false

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

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

``` Page({ data: { boli1_imageUrl: '', boli2_imageUrl: '', boli3_imageUrl: '' }, takePhoto(type) { const watermarkTexts = { boli1: '剥离前照片', boli2: '实施现场照片', boli3: '竣工验收现场照片' }; wx.chooseImage({ count: 1, success: res => { const tempFile = res.tempFilePaths[0]; const key = `${type}_imageUrl`; const canvasId = `watermarkCanvas_${type}`; const text = watermarkTexts[type]; if (!text) { console.error('无效的type参数:', type); return; } this.setData({ [key]: tempFile }, () => { this.addWatermark(canvasId, text); }); } }); }, // ...其他拍照事件绑定保持不变... addWatermark(canvasId, text) { const ctx = wx.createCanvasContext(canvasId); const date = new Date(); // 安全生成时间戳 function padNumber(num) { return num.toString().padStart(2, '0'); } const timestamp = `${date.getFullYear()}-${padNumber(date.getMonth()+1)}-${padNumber(date.getDate())} ${padNumber(date.getHours())}:${padNumber(date.getMinutes())}`; // 绘制水印逻辑 ctx.setFontSize(14); ctx.setFillStyle('rgba(255, 0, 0, 0.6)'); ctx.setTextBaseline('top'); // 计算文字位置 const textWidth = ctx.measureText(text).width; const timeWidth = ctx.measureText(timestamp).width; const maxWidth = Math.max(textWidth, timeWidth); // 绘制背景框 ctx.setFillStyle('rgba(255, 255, 255, 0.3)'); ctx.fillRect(280 - maxWidth - 5, 360 - 40, maxWidth + 10, 35); // 绘制文字 ctx.setFillStyle('red'); ctx.fillText(text, 280 - textWidth - 5, 360 - 35); ctx.fillText(timestamp, 280 - timeWidth - 5, 360 - 20); ctx.draw(); } });```TypeError: Cannot read property 'toString' of undefined at h3.fillText (WAServiceMainContext.js?t=wechat&s=1742780707430&v=3.7.9:1) at I (WAServiceMainContext.js?t=wechat&s=1742780707430&v=3.7.9:1) at h3.p (WAServiceMainContext.js?t=wechat&s=1742780707430&v=3.7.9:1) at li.addWatermark (boliqu.js:189) at li.<anonymous> (boliqu.js:145) at Object.o.safeCallback (WASubContext.js?t=wechat&s=1742780707430&v=3.7.9:1) at Rr.triggerSetDataCallbacks (WASubContext.js?t=wechat&s=1742780707430&v=3.7.9:1) at WASubContext.js?t=wechat&s=1742780707430&v=3.7.9:1 at pe (WASubContext.js?t=wechat&s=1742780707430&v=3.7.9:1) at de (WASubContext.js?t=wechat&s=1742780707430&v=3.7.9:1)(env: Windows,mp,1.06.2301160; lib: 3.7.9)
03-25
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值