- 博客(98)
- 收藏
- 关注
RSS订阅原创 Error in created hook: “TypeError: Cannot read property ‘xxxxxx‘ of undefined“
此错误一般多出现在 created() 中， Vue 中数据渲染和DOM 元素渲染是异步的，此时可能会出现加载先后的问题。官方文档中说明this.$nextTick 可解决此问题。两者区别不是很大，使用的时候还是需要看场景，本人喜欢放在**mounted()**里面，在vue实例挂载的时候就执行里面的函数方法，当然，也可以直接在创建vue实例的时候就去执行函数方法，不懂vue生命周期的可以查看一下官方文档。在子组件内报错，一般是 父组件请求接口 取值再传给子组件（接口未返回值，子组件已经渲染了）造成的。
2025-04-08 16:05:24
20
原创 uniapp打包华为,提示请提供64位版本软件包后再提交审核
HBuilder项目打包需要配置勾选arm64-v8a,默认只会集成armeabi-v7a。
2024-11-13 10:28:10
344
原创 uniapp发布到微信小程序，提示接口未配置在app.json文件中
上传微信小程序发布，在提交审核时提示 “接口未配置在app.json文件中” 如下图所示。解决方法：在manifest.json文件中打开源码视图，添加。字段键入所需要的接口（数组）
2024-11-08 16:03:02
477
原创 Vue中响应式对象和数组中添加、修改和删除属性，this.$set()确保视图的自动更新
this.$set 是Vue中的一个实例方法，用于在响应式对象上设置新的属性或修改已有的属性，并确保这些属性也是响应式的。使用this.$set 可以解决Vue响应式系统的一个限制，即无法检测到通过索引直接设置数组元素或通过Object.defineProperty添加的属性的变化，所以通过this.$set 方法，可以显式地告诉Vue，某个属性的值已经发生了变化，从而触发视图的更新。
2024-10-27 21:13:37
518
原创 解决uniapp视频video组件进入全屏再退出全屏后，cover-view失效的问题
给cover-view一个变量如isCloseBtnShow，通过v-if（不要用v-show）来控制显示隐藏。监听video全屏事件，全屏时，设置变量为false,退出全屏时再设为true，这样每次退出全屏,cover-view会重新加载。被覆盖的问题就解决了。
2024-09-14 18:36:37
954
原创 uniapp的苹果全屏播放再退出会导致页面字体变大解决方法
1、当样式表里font-size<12px时，中文版chrome浏览器里字体显示仍为12px，这时可以用 html{-webkit-text-size-adjust:none;2、-webkit-text-size-adjust放在body上会导致页面缩放失效。4、用-webkit-text-size-adjust不要定义成可继承的或全局的。禁用 Webkit 内核浏览器的文字大小调整功能。3、body会继承定义在html的样式。
2024-09-14 17:33:59
598
原创 git add . 报错 warning: LF will be replaced by CRLF in ******.vue.
git config --global core.autocrlf false (全局有效，不设置推荐全局）其实都是换行符，不同的是，LF是linux和Unix系统的换行符，CRLF是window 系统的换行符。输入命令 ：git config core.autocrlf false (仅对当前git仓库有效）“的功能，并且这个功能是默认处于”自动模式“即开启状态的。然后重新提交代码即可。
2024-08-25 00:10:07
334
原创 TypeError: compilation.getPathWithInfo is not a function
TypeError: compilation.getPathWithInfo is not a function报错解决办法
2024-06-25 13:53:46
374
原创 如何发布自己的npm包
3、在pacakge.json中定义当前开发依赖包的name和version，如不需要添加命名空间name直接为包名即可。1、修改完代码后，我们需要修改 package.json 的version版本。2、在文件夹内 进入终端（cmd）运行 npm init 初始化项目。1、开发过程中可以在其他本地项目中使用调试，以查看实时效果。1、新建一个空文件夹（文件夹名字默认为npm包名）规则：对于"version":"x.y.z"2.增加了新特性，但仍能向后兼容，增加y。3.有很大的改动，无法向后兼容,增加x。
2024-05-21 23:53:05
845
原创 KeePass2 密码管理器 安装及汉化
3、将下载的文件放到安装目录 C:\Program Files\KeePass Password Safe 2\Languages目录下（此为默认安装目录）；2、下载汉化文件 Chinese_Simplified.lngx。4、进入到KeePass2软件，按图中步骤设置好即可。1、官网下载KeePass2 安装。
2024-05-21 21:04:02
1395
原创 项目dev打包报错 Cannot find module ‘node:util‘
和cnpm版本不匹配，卸载掉重新安装对应版本。然后查找与node版本匹配的cnpm安装即可。
2024-05-14 18:01:39
950
原创 git merge master 报错 fatal: refusing to merge unrelated histories
标志允许合并不相关的历史。这是一种解决问题的快速方法，但请谨慎使用，因为它将两个不同的历史合并到一个新的共同历史中。意思是：拒绝合并不相关的历史。
2024-05-13 15:57:52
304
原创 git commit 提交信息规范
一些备注, 通常是 Breaking changes 或修复的 bug 的链接.commit 影响的范围, 可以是影响的文件名、模块名、组件名、国家等。commit 具体修改内容, 可以分为多行。commit的简短描述。
2024-04-25 20:29:41
1806
原创 git commit 不进入 Vim 编辑模式，提示 ihint: Waiting for your editor to close the file...
输入 git commit 后 提示 ihint: Waiting for your editor to close the file... 然后自动退出提交。一般是 git 默认编辑器使用了其他的 如 cat。git commit 不进入 Vim 模式问题。
2024-04-25 17:31:37
789
原创 ::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用
双冒号(::)和单冒号(:)都用于表示伪元素，双冒号(::)是较新的语法规范，建议在使用CSS3伪元素时使用双冒号，而单冒号(:)可以用于表示某些伪元素，但不再推荐使用。作用都是用于在元素的内容前后插入生成的内容，用于装饰、布局等目的。
2024-04-25 11:01:19
607
原创 抽奖（大转盘 & 九宫格 & 老虎机）实现
基于 JS + Canvas 实现的【大转盘 & 九宫格 & 老虎机】抽奖，通过简单配置即可实现自由化定制，帮助你快速的完成产品需求
2024-04-22 21:06:14
838
1
原创 npm全局安装后报错，无法将“xxx”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
或者 如果 npm -v 能正确输出版本号，执行 npm config set prefix ''npm安装目录" 把目录重新设置到npm的安装目录。无法将“xxx”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。执行 npm config get prefix 命令查看npm的全局安装目录，然后确保这个目录在你的系统环境变量中。如果没有安装，你需要先执行 npm 命令安装它。二、如果已经安装了xxx模块，可能是环境变量的设置问题。
2024-03-30 16:33:32
573
原创 Publish Over SSH实现Jenkins构建项目发布
在系统管理 → 系统配置 → Publish over SSH 把 id_rsa 私钥内容填到 key里，或者把 id_rsa 文件路径 填到 Path to key 中。在“系统设置–插件管理–可选插件”界面搜索：SSH，然后选择 Publish Over SSH，点击安装，然后重启。点击‘新增构建后操作步骤’，选择‘Send build artifacts over SSH选项。可以使用 ssh-add-id 命令把公钥 发送到 线上项目服务器上。这里是已经安装过，所以在“已安装”界面里！
2024-03-26 01:19:40
655
原创 ssh免密登陆实现
复制本地客户端 id_rsa.pub 中的内容，然后登录服务器 找到 ~/.ssh/authorized_keys 文件，然后粘贴到末尾。以上命令会直接把公钥写到了服务器上的.ssh/authorized_keys文件中。公钥 id_rsa.pub 是用来上传到服务器的.ssh文件夹中进行配对。测试服务器地址为：192.168.135.22，用户为：root。使用以下命令，然后一路按回车键使用默认值即可。会在用户根目录下的.ssh文件夹下创建公私钥。私钥 id_rsa 是需要保密的，
2024-03-26 00:05:26
401
原创 Jenkins中使用Generic Webhook Trigger插件实现持续集成
ref 变量可以自己取名称，在后边构建配置上会使用到；但是 $.ref 中的 ref 是根据实际post请求传递过来的 json 参数 获取的 key名称。
2024-03-24 22:49:05
3065
原创 jenkins构建完成后部署到本机，无法读取容器外文件夹
Docker+jenkins 构建完成后，要把打包的dist文件夹内容移动到网站目录 /www/wwwroot/xxxxxx 文件夹下；但是获取不到jenkins容器外的文件夹。在容器中，添加挂载/映射本机目录，把网站目录 /www/wwwroot/xxxxxx 映射到 容器内设定的目录上。在jenkins 中 设置 Build Steps 执行shell语句。
2024-03-23 00:01:58
533
原创 Jenkins构建时报错：Build step ‘Execute shell‘ marked build as failure
2.默认情况下，Jenkins采取 /bin/sh -xe 这种方式 -x 将打印每一个命令；另一个选项 -e，当任何命令以非零值（当任何命令失败时）退出代码时，这会导致shell立即停止运行脚本。3.如果还是不行，那么将#!/bin/bash替换为#!/usr/bin/env bash试试。/bin/bash只能放在第一行，如果后面还有#!，那么只能看成是注释。shell脚本中第一行加 #!1.磁盘空间不足导致报错。
2024-03-21 15:46:06
2174
原创 git 报错 fatal: refusing to merge unrelated histories
在git pull和git push命令中添加–allow-unrelated-histories让git允许提交不关联的历史代码。当你试图合并两个完全不相关的分支时，git无法处理的情况而拒绝合并。
2024-03-20 17:43:44
269
原创 git报错error: remote origin already exists.
关联自己的仓库 git remote add origin https://gitee.com/xxxxxx.git。先输入git remote rm origin 删除关联的origin的远程库。最后git push origin master，这样就推送到自己的仓库了。
2024-03-20 17:40:20
166
原创 vite+vue3项目中svg图标组件封装
如果svg图标设置颜色值不生效，点击 svg文件 查看源码，修改 fill 属性值为 fill=“currentColor”或者 fill=""。
2024-03-14 21:42:11
796
原创 vite+vue3项目解决低版本兼容性问题（Safari白屏）
2. 在 vite.config.js 配置文件中的 plugins 数组中引入它。为打包后的文件提供传统浏览器兼容性支持。1. 使用npm命令进行插件安装。
2024-03-12 21:15:09
2000
原创 import.meta.glob批量引入文件（循环展示本地图片）
import.meta.glob() 是一个 ES 模块的特殊属性，用于动态导入多个模块，可以方便地批量导入模块，而不需要手动一个一个地导入。
2024-03-02 00:03:46
1693
原创 解决执行npm(或pnpm)时报：证书过期 certificate has expired问题
【代码】解决执行npm(或pnpm)时报：证书过期 certificate has expired问题。
2024-01-22 15:53:31
62584
23
原创 解决 Vue项目报错 Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest
在本地电脑上找到项目的node_modules文件夹下面：caniuse-lite、browserslist两个文件夹。并把caniuse-lite、browserslist这两个文件夹删除。然后运行下面的命令重新安装caniuse-lite、browserslist。Vue项目打包或者本地预览是报。
2024-01-22 15:49:09
9300
5
空空如也
关于#react.js#的问题：如何在react项目中，使用腾讯地图api
2023-03-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人