前端踩坑专栏合集
这是一份针对常见技术问题的踩坑指南,我们会分享一些我们自己在实际开发中遇到的问题以及解决方案,帮助读者更好地避免或解决这些问题。本专栏内容涵盖多个领域和技术方向,包括前端开发、后端开发、移动开发、数据库、云计算等
嚣张农民
记录日常,如果帮助到您请动动小指头点个小赞和关注,是对我的认可和给予我的创作动力
展开
-
uniapp|原生控件层级过高无法覆盖的解决方案
简称nview,它是一个原生的类画布的控件,其实cover-view也是用plus.nativeObj.view封装的。这种方式被称为混合渲染。另外cover-view无论如何都无法解决原生导航栏、tabbar、web-view组件的覆盖,为此App端补充了2个层级覆盖方案plus.nativeObj.view和subNVue。但如果在pages.json里注册了原生导航栏和tabbar,nvue里的界面元素默认也无法覆盖这些,也需要plus.nativeObj.view或subNVue。原创 2021-06-25 16:40:41 · 12235 阅读 · 1 评论 -
控制台图片路径错误,显示[object Module],解决办法
控制台图片路径错误,显示[object Module],解决办法控制台报错:然而我们配置了webpack.config.js的url-loader也没有用这时候重点来了,看下面我们可以再webpack的文件中创建一个option对象并加入esModule: false如图:我们可以在配置的url-loader中加入如果还是不行有可能是webpack版本太高可以降低版本,我目前用的是最新的版本...原创 2023-12-04 00:30:39 · 1198 阅读 · 0 评论 -
uniapp bug记录(后续更新)
找到HBuilderX的安装目录, cd到HBuilderX/plugins/uniapp-cli下。删除node_modules和package-lock.json文件。在当前目录执行npm install。重启HBuilderX运行项目。原创 2023-12-03 23:00:22 · 766 阅读 · 0 评论 -
uniapp vue在onload 和onshow获取不到接口返回的数据
总所周知uniapp的接口是异步的,所以我们可以用promise await async去解决这个问题methods:{ getDtail(){ return new Promise((resolve,reject)=>{ //接口调用的方法放在这里,成功的话调用resolve resolve(res)//res是你自己定义的返回值 }) }}下面接口案例,仅供参考:接下来是重点操作我们要在onShow或者onLoad方法去获取这个接口返回成功的数据//o.原创 2023-10-31 12:40:06 · 8824 阅读 · 0 评论 -
yarn 运行报错bug(后续更新)
The engine “node“ is incompatible with this module. Expected version “=> ^4.0.0”.解决办法1:运行 yarn config set ignore-engines true解决办法2:运行 sudo yarn install --ignore-engines原创 2023-10-31 12:39:17 · 1359 阅读 · 0 评论 -
git 运行报错bug(后续更新)
fatal: unable to access ‘https://github.com/Apariciolemes/todo-list-vue.git/’: Failed to connect to解决办法:把https改成git即可原创 2023-10-31 12:39:08 · 689 阅读 · 0 评论 -
Vue3.0+ts填坑 warning Unexpected any报类型警告
1.关闭类型警告:找到.eslintrc.js文件,找到rules,配置如下代码"@typescript-eslint/no-explicit-any": ["off"]没有自己创建一个文件,把这个文件名粘贴过去2.重新运行项目原创 2023-10-31 12:39:04 · 2013 阅读 · 0 评论 -
vue项目引入微信sdk报错记录
前言vue项目引入微信sdk$ npm install weixin-js-sdk --save运行报错如下:npm install weixin-js-sdk --save下载失败显示未配置代理解决方式如下:步骤一:npm配置你正在使用的代理$ npm config set proxy='代理ip地址'步骤二:清理npm的代理缓存$ npm config set proxy false$ npm cache clean --force成功后配置main.js:impo原创 2023-10-31 12:38:56 · 2500 阅读 · 0 评论 -
vue项目 启动失败报错(实用的解决方法)
第一种报错如下解决办法:直接项目目录下运行npm install webpack-dev-server -g第二种常见报错如下如果我们遇到像Error: Cannot find module '***'的报错我们可以直接项目目录下npm install 报错提示的***去进行下载示例报错如下:解决办法:讲解完毕...原创 2023-10-31 12:40:19 · 5006 阅读 · 0 评论 -
vue-cli 打包后element图标异常不显示问题
vue打包后如下element图标不显示控制台报错显示没有找到element-icons资源解决办法:在build文件下的utils.js文件中添加这一句publicPath:’…/…/'找到我如下代码中去添加 // Extract CSS when that option is specified // (which is the case during production build) if (options.extract) { return Ex原创 2023-12-04 00:29:35 · 1816 阅读 · 1 评论 -
vue 写相对路径图片不显示
我们一般直接在vue的文件中直接引入路径是不能显示的,如图原因是因为webpack打包后本地路径丢失,所以我们在data中可以通过require去引入改正后的代码在data中定义值并传入路径欧克欧克,大功告成...原创 2023-10-31 12:40:35 · 2241 阅读 · 4 评论 -
vue 渲染列表报错Avoid using non-primitive value as key, use string/number value instead. found in
控制台报错报错原因说v-for 循环的key值重复了,那就看看自己写的代码报错时的代码,如下:我们可以在v-for循环里面再定义个index值,然后写到key 里面去改正后的代码报错解决,大功告成原创 2023-12-04 00:30:13 · 589 阅读 · 1 评论 -
vue无法创建项目create-vite-app projectName,提示错误:create-vite-app : 无法加载文件
运行命令create-vite-app projectName创建项目控制台提示报错如下:报错原因:我的是windows10没有管理权限,所以我们需要用管理员身份打开权限操作如下:1.打开windows PowerShell右键点击看到以管理员身份运行点击后打开2.输入 set-ExecutionPolicy RemoteSigned运行然后出现以下界面再输入A或者Y即可成功然后我们在我们编辑器控制台重新输入上面的命令create-vite-app projectName创建文件即可成功原创 2023-10-31 12:39:59 · 3044 阅读 · 0 评论 -
新员工webpack打包后上传服务器页面空白
某天同事小白使用了开发vue项目,在项目开发完成后,使用命令:npm run build对项目进行打包后发布服务器页面显示空白排查后发现:webpack打包的时候引入js时使用的是绝对路径导致的。原创 2023-10-31 12:30:35 · 365 阅读 · 0 评论 -
GitHub推送代码时弹出验证框总是登录失败
回到git bash 继续提交,在githup登陆弹出框中输入账号密码,第一次输入的是你githup的账号密码,第二次弹出后输入git账号,密码换成刚刚生成的token.注意:如果两次错误,会提示你在git bash中输入账号,之后会弹出一个密码框,这个也是输入token总之,账号还是输入你自己的git账号,密码,第二次之后输入token。原创 2022-12-02 23:05:54 · 1545 阅读 · 0 评论 -
Git 使用小乌龟(TortoiseGit)拉取Github项目时报错【server sent :publickey】
报错:No supported authentication methods available (server sent: publickey)原因:由于小乌龟没有设置git 的路径,导致使用小乌龟的时候并没有使用git,所以连接不上。这里应该设置的时GIt 的路径而不是小乌龟的路径。原创 2023-10-31 12:26:33 · 2978 阅读 · 3 评论 -
解决vue打包报错Unexpected token name «t», expected punc «;» 和Unexpected token: punc (,)的问题
老项目之前打包一直没有问题,且此次项目启动运行依然正常,但打包报了上述错误,因此肯定跟打包配置有关,且与UglifyJs有关,于是百度了一下,找到了如下解决方案,且成功解决了我的问题。原创 2023-10-31 12:26:11 · 1989 阅读 · 0 评论 -
自动切换http为https重定向的几种有效方法
JS 的脚本自动跳转方法:Apache 的,写在.htaccess文件的标签内即可:Nginx 的,在配置文件nginx.conf中的 server { … } 项中插入:例:原创 2023-10-31 12:38:35 · 863 阅读 · 0 评论 -
VUE 生成二维码插件qrcodejs2踩的坑
注意: 在需要调用的地方 这样必须这样调用 否则会出现 appendChild null 就是id为qrcode的dom获取不到,返回结果为null。1.安装 qrcodejs2 (注意:安装的是qrcodejs2,不要安装qrcode —> 会报错)原创 2022-10-09 15:25:51 · 1128 阅读 · 0 评论 -
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
特点:不考虑兼容性,这种去重的方法代码最少。这种方法还无法去掉{}空对象,后面的高阶方法会添加去掉重复{}的方法。原创 2023-10-31 12:38:38 · 8944 阅读 · 2 评论 -
vue终端提示无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本
vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本解决方法:1、管理员身份运行PowerShell(命令提示符,来源于Linux的命令提示符也叫Shell)2、执行:set-ExecutionPolicy RemoteSigned (签名或运行这些脚本)3.重新在文件创建vue项目:vue create test成功!...原创 2023-12-03 23:01:43 · 4188 阅读 · 0 评论 -
vscode关于vue项目无法将文件push到github的错误命令
错误提示一:remote: Invalid username or password.fatal: Authentication failed for ‘https://github.com/linweiqian/master.git/’错误提示二:fatal: ‘origin’ does not appear to be a git repositoryfatal: Could not read from remote repository.错误提示三:Please make sure yo原创 2023-12-04 00:28:40 · 997 阅读 · 0 评论 -
Hbuilder 打开iOS真机调试操作
1.一台苹果手机,一条苹果数据线,一台电脑2.windows电脑需要安装iTunes和iTools这两个软件3.Hbulider运行ios手机模拟器4.手机ios9.0以上需要下面操作"打开设置-通用-设备-设备管理"(或"描述文件")中信任DCloud企业证书(Digital Heaven开头的证书)才可以正常使用"运行成功提示下面是一些注意事项:1.如何iTunes连接成功提示有个可以点击的手机图标2.如何iTools连接成功会显示你的设备3.Hbuilder检测到手机连接控制台下原创 2023-10-31 12:40:10 · 5814 阅读 · 2 评论 -
vue安卓移动端点击input输入框引起布局混乱
问题描述:Vue开发中,当我们相对于父视图的底部布局子控件时,需要用position:fixed,如果页面内容不是很长,没有超出屏幕范围,那就还好,没有问题;一旦超出屏幕范围,当你点击输入框,弹出键盘时,底部固定定位的子控件就会被顶起来。这个问题在iOS端不会出现,在安卓端会出现,原因是键盘加载方式不一样,这里不作详情解答。解决方案:在键盘弹起时,页面高度变小,底部固定定位上升,所以我们只需要在页面高度变小时,隐藏底部子控件,当键盘消失时再显示底部子控件。解决方法:检测浏览器的resize事件,当高度原创 2023-12-04 00:28:36 · 1667 阅读 · 0 评论 -
js解决移动端在iOS和android 监听软键盘弹起、收起
1.在ios中软键盘弹起时,仅会引起$(‘body’).scrollTop值改变,但是我们可以通过输入框的获取焦点情况来做判断,但也只能在ios中采用这个方案,因为在android中存在主动收起键盘后,但输入框并没有失焦,而ios中键盘收起后就会失焦;2.在android中软键盘弹起或收起时,会改变window的高度,因此监听window的onresize事件;......原创 2023-10-31 12:40:13 · 4468 阅读 · 0 评论 -
uniapp 微信分享踩坑 onShareAppMessage
从APP分享到微信时,无法判断用户是否点击取消分享,因为微信官方禁掉了分享成功的返回值。所以无法执行success和fail这两个方法,一般开发者只能通过微信小程唤起了分享就会执行onShareAppMessage成功后调用执行api的操作即为分享成功官方文档介绍...原创 2023-12-03 23:02:31 · 8306 阅读 · 0 评论 -
uniapp 微信小程序v-show 不显示
最近在做一个项目发现在uniapp组件上定义的v-show能正常显示隐藏,但是编译到微信小程序就全部隐藏的内容都显示出来了百度完发现一个问题就是微信小程序不支持"hidden"属性,因v-show是直接控制css的属性的第一种方法直接将v-show改为v-if第二种方法是直接在组件上定义 hidden ,然后通过传入hidden的布尔值改变显示隐藏...原创 2023-12-04 00:26:12 · 5216 阅读 · 0 评论