一些踩过的坑得留档
文章平均质量分 54
记录实际开发中遇到的各种问题,留档,方便大家与自己查询
Oliver尹
跌倒了爬起来就好
展开
-
Nginx解决单页应用刷新报错404的问题
将React应用打包后,部署到服务器上,在非首页的地方使用浏览器自带的刷新功能,页面刷新失败,显示404;原创 2024-02-19 09:32:06 · 681 阅读 · 0 评论 -
解决上传文件报错request.upload.addEventListener
在调试项目的时候突然间提示 request.upload.addEventListener ,仔细一看发现是上传接口时报的,这就使得我有点摸不着头脑了...原创 2023-12-19 10:00:46 · 1318 阅读 · 0 评论 -
解决uniapp里scroll-view横向滚动的问题
本以为是一件很简单的事,结果浪费了整整一个上午,并且问题并没有全部解决....后来没办法,用了touchmove模拟的滑动,如果有好的解决方法麻烦告诉我...非常感谢~原创 2023-10-12 14:58:05 · 3587 阅读 · 0 评论 -
解决husky在mac下不生效的问题
本文主要解决的问题是,husky在windows上正常生肖,但放到mac下后不生效的问题!原创 2023-09-06 14:17:41 · 3678 阅读 · 0 评论 -
解决Vue报错unable to resolve dependency tree
今天在新创建一个项目,也就是在空文件夹里执行Vue脚手架的创建代码,创建报错ERESOLVE unable to resolve dependency tree原创 2023-07-23 19:00:28 · 988 阅读 · 0 评论 -
解决websocket在部署到服务器https下无法使用的问题
一个小项目中使用到了websocket,这个websocket在本地完全是完全正常运行的,不管是前后台的信息通讯还是 异常报错接收,无任何异常,但当把后台代码部署到阿里云服务器后,websocket就再也链接不上了;原创 2023-05-28 15:56:50 · 6621 阅读 · 1 评论 -
解决报错‘cross-env‘ is not recognized as an internal...
今天在安装Ant Design Pro的后,执行 yarn start 时意外报错原创 2023-05-11 10:50:20 · 2597 阅读 · 1 评论 -
解决Koa框架中请求报错Not Found/404的问题
前端使用axios向后台Koa提供的接口发起了请求,后端接口没有报错,前端返回了404错误,提示not found;原创 2023-04-10 10:13:12 · 2644 阅读 · 0 评论 -
解决前端如何使用插件crypto-js进行AES加密方式数据加密
本文主要的展示方法是 前端加密解密的方法,主要的语言为TypeScript(和JavaScript没啥区别),去掉类型即可,采用的加密方式AES进行的对称加密,借助的工具库是 crypto-js,由crypto-js 实现了数据的AES加密解密~原创 2023-01-03 10:53:13 · 4401 阅读 · 0 评论 -
论多窗口相互关联下window.open打开已在的窗口时只激活不刷新的实现方案
本文主要实现的场景是,在任意一个窗口内首次打开指定页面时通过新建窗口的方式打开,在任意一个窗口内打开已打开的界面时,仅激活对应窗口,且对应窗口不刷新原创 2022-12-25 09:30:00 · 6025 阅读 · 12 评论 -
《Docker》阿里云服务器docker部署nginx并配置https踩坑记录(完整)
今天在为阿里云服务器续期的时候发现原来阿里云上面也可以申请免费的ssl证书,而博主平时玩耍的域名一直是http的方式访问的,于是,很自然的想搞一个证书,将http改为https;才有了本文这篇踩坑记录,耐心看完,你也许有所收获;原创 2022-12-11 13:05:24 · 3218 阅读 · 2 评论 -
解决Warning: unable to run listCollections, attempting to approximate collection names by parsing
如何解决使用Mongo Shell中提示Warning: unable to run listCollections, attempting to approximate collection names by parsing的异常原创 2022-12-04 21:57:48 · 4118 阅读 · 0 评论 -
chrome插件开发时跨域问题解决方案
chrome插件开发时遇到了这么个问题,网页存在一个跨域的请求,在正常的运行web界面时是使用jsonp开发实现的,当打包成chrome插件后,安装进浏览器这个跨域请求竟然他瞄的报错了…原创 2022-10-20 20:48:38 · 9946 阅读 · 11 评论 -
解决警告:the >>> and /deep/ combinators have been deprecated. Use :deep() instead.
解决警告:the >>> and /deep/ combinators have been deprecated. Use :deep() instead.原创 2022-09-12 13:45:35 · 1226 阅读 · 0 评论 -
Vue3+TypeScript+Vite如何使用require动态引入类似于图片等静态资源
Vue3+TypeScript+Vite的项目中如何使用require动态引入类似于图片等静态资源原创 2022-07-28 20:45:31 · 25402 阅读 · 3 评论 -
Vue3+TypeScript项目报错: 找不到名称“require”。是否需要为节点安装类型定义?
Vue3+TypeScript项目编写代码时报错:找不到名称“require”。是否需要为节点安装类型定义?请尝试使用 npm i --save-dev @types/node的解决办法原创 2022-07-25 23:03:05 · 8825 阅读 · 3 评论 -
message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内,或配置 project.config.json 的 packNpmMa
message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内,或配置 project.config.json 的 packNpmMa原创 2022-07-19 22:35:39 · 12687 阅读 · 4 评论 -
vue3+vite的项目如何将打包后的绝对路径改为相对路径
vue3+vite的项目如何将打包后的绝对路径改为相对路径原创 2022-07-18 22:00:45 · 9512 阅读 · 8 评论 -
TypeError: Cannot read properties of undefined (reading ‘cancelToken‘)
在封装axios的时候,测试阶段突然报错TypeError: Cannot read properties of undefined (reading 'cancelToken')原创 2022-07-04 13:56:51 · 9062 阅读 · 0 评论 -
Unexpected end of JSON input at JSON.parse (<anonymous>)
解决Unexpected end of JSON input at JSON.parse (<anonymous>)报错问题原创 2022-05-26 19:13:57 · 9870 阅读 · 0 评论 -
解决Vue3中使用setup如何定义组件的name属性
解决Vue3中使用setup如何定义组件的name属性原创 2022-05-01 10:59:26 · 26237 阅读 · 16 评论 -
解决Strings must use singlequote方法以及eslint与本地格式化规则起冲突时的解决办法
今天,有个小伙伴问我,他从网上down了一个项目下来,安装完毕之后,打开了这个项目的某一个js文件,结果,一打开就报了一堆红色波浪线,他搜了许久说是eslint的错误,不知道如何解决原创 2022-03-18 16:11:07 · 23830 阅读 · 0 评论 -
解决Vue2.x中二次封装Vue组件时批量继承属性,方法,插槽的方法
解决Vue2.x中二次封装Vue组件时批量继承属性,方法,插槽的方法原创 2022-03-08 13:58:24 · 2321 阅读 · 6 评论 -
解决Uncaught SyntaxError: Unexpected token ‘<‘ 错误解决方法
使用Vue技术栈开发时引入了iconfont后报错,错误内容就是:Uncaught SyntaxError: Unexpected token ‘<‘原创 2022-02-23 08:59:43 · 23213 阅读 · 0 评论 -
解决MongoDB中couldn‘t add user: command createUser requires authentication报错
MongoDB新建了一个数据库,添加用户时报错: couldn't add user: command createUser requires authentication原创 2022-01-28 10:56:15 · 14271 阅读 · 0 评论 -
nodejs接口中的的res.body,res.params,res.query怎么理解?
问题: nodejs接口中的的res.body,res.params,res.query怎么理解描述: nodejs接口中,搞不清什么时候取res.body,什么时候取res.params。解决: 这三种都是用在接口上获取前端传递到后台的参数,只是分别对应的接口类型不同而已,众所周知,接口的类型分为多种,常用的包括:GET,POST,DELET,PUT。其中:res.params,res.query常用于GET或者DELETE请求,res.body常用语POST请求。res.params的用法接口原创 2021-10-30 13:36:21 · 2398 阅读 · 0 评论 -
MongoDB报错Error: couldn’t add user: No role named userAdminAnyDatabase
问题: MongoDB新建了一个数据库,添加用户事报错描述: 阿里云的服务器里面,进入MongoDB后,新建了一个数据库,为这个数据库创建用户时,报错:Error: couldn’t add user: No role named userAdminAnyDatabase解决: 是不是新建的用户权限是:userAdminAnyDatabase,除了admin数据库别的数据库貌似无法赋予这个权限,可以改成别的权限,比如读写的readWrite权限//使用db.createUser( { u原创 2021-10-27 22:43:54 · 2686 阅读 · 1 评论 -
Node.js后台获取不到res.body,值一直是空对象
问题: Node.js作为后台,但是接口的res.body获取到的一直是空对象描述: node作为后台,接口设置成post请求,之后再请求中加入了一个对象作为body的参数,但是无论写什么,后台接口的参数res.body一直是一个空对象,获取不到前台的值解决: 是不是没有设置请求的Content-Type属性,不管是axios还是postman在都需要在header中将Content-Type设置成application/json,这样后台才可以获取到值...原创 2021-10-30 11:51:50 · 1376 阅读 · 0 评论 -
解决 Unexpected lexical declaration in case block.报错
解决 Unexpected lexical declaration in case block.报错原创 2022-01-05 16:00:05 · 17658 阅读 · 4 评论 -
【问题解答】在TypeScript中keyof怎么理解
今天有个小伙伴留言问,keyof怎么使用,然后贴了一段代码,希望能帮忙解读一下,我看了下恰好还是能帮到的,为了防止误导,查了点资料并且整理了一下,然后发出来希望能帮到更多的小伙伴;原创 2021-12-15 20:28:12 · 1939 阅读 · 0 评论 -
单纯的TypeScript项目中,有没有办法直接在html中引入.ts文件并运行
问题: 一个项目,是用TypeScript编写的,但是html中引入了.ts文件后报错了,有没有办法跳过tsc这个编译命令,不然每次都需要Tsc编译一下后再启动,有点麻烦描述: 想跳过tsc这个命令,直接在html中引入.ts文件<!doctype html><html lang="zh-CN"><head> <title></title> <meta charset="UTF-8"> <me原创 2021-12-14 13:38:01 · 5968 阅读 · 2 评论 -
LuckySheet设置单元格格式为千分符保存至后台再获取时格式失效
问题: LuckySheet设置单元格格式为千分符保存至后台再获取时格式失效描述: 在使用LuckySheet开发报表功能模块的时候,需要在单元格内显示带千分符的数字,因此,在报表设置阶段,通过Luckysheet自带的功能将数字设置成千分符,之后获取报表的JSON数据,通过接口将其保存至数据库,但是在展示界面中,将保存的JSON数据再塞入LuckySheet后,之前对应的单元格设置千分符的数字并没有显示千分符,还是直接显示的数字,格式没有生效;解决:在返回的JSON数据中,针对单元格的参数,存在一原创 2021-11-26 08:47:02 · 1954 阅读 · 1 评论 -
解决 元素隐式具有 “any“ 类型,因为类型为 “string“ 的表达式不能用于索引类型 “Object“。 在类型 “Object“ 上找不到具有类型为 “string“ 的参数的索引签名
问题: 元素隐式具有 “any“ 类型,因为类型为 “string“ 的表达式不能用于索引类型 “Object“。 在类型 “Object“ 上找不到具有类型为 “string“ 的参数的索引签名描述: 在写代码的时候,对一个对象做了一个for…in循环,然后取到了其每一个key对应的value值,但是写完之后发现Typescript报错了,错误内容就是如题,有点奇怪,特此去了解一下for (const key in obejct) { // 处理... obejct[key] ....}解原创 2021-11-10 13:47:59 · 43280 阅读 · 2 评论 -
Vue3里如何使用ref以及require动态引入图片
问题: Vue3里的setup中如何使用ref以及require动态引入图片描述: 在Vue3项目中可以有一个背景图,背景图展示的值是由后台给予的,那么如何直接定义一个变量,然后控制变量的值进行require导入,而且在直接require的全路径的时候会报错解决: 直接require一个变量会报错,目前也没有找到解决方案,当时可以require一个字符串+变量进行替代//使用setup() { async function init(): Promise<void> {原创 2021-10-07 22:29:06 · 5840 阅读 · 0 评论 -
Vue3里的setup中如何使用vuex
问题: Vue3里的setup中如何使用vuex描述: 在Vue2项目中可以使用this.$store获取vuex里的数据和保存全局数据,但是在Vue3的setup函数里,并没有this这个概念,因此如何使用路由方法解决: 在新的vuex里面尤大加入了一些方法,比如这里代替this的useStore,具体使用如下://引入路由函数import { useStore } from "vuex";//使用setup() { //使用vuex const store = useSto原创 2021-02-20 14:44:31 · 4937 阅读 · 2 评论 -
Vue3里的setup中如何使用this.$router.push等路由方法
问题: Vue3里的setup中如何使用this.$router.push等路由方法描述: 在Vue2项目中可以使用this.$router.push等方法进行路由的跳转,但是在Vue3的setup函数里,并没有this这个概念,因此如何使用路由方法解决: 在新的vue-router里面尤大加入了一些方法,比如这里代替this的useRouter,具体使用如下://引入路由函数import { useRouter } from "vue-router";//使用setup() { //原创 2021-02-19 17:53:08 · 23322 阅读 · 2 评论 -
Vue3中的setup前加上async后页面不显示
问题: Vue3项目中,在setup函数前加上了async,使其变成异步函数,导致页面空白不显示?描述: 最近在学习Vue3项目,使用了CompositionAPI的书写方式,其中有一个setup函数,因为在这个函数中使用了请求等异步操作,所以需要使用async/await,但是在setup前加上async后,导致页面空白不显示了,去掉则页面正常显示;解决: 在Vue3中,如果当前组件的setup使用了async/await,那么其调用组件的父组件的外层需要嵌套一个suspense标签,例如:异步组件原创 2021-02-16 11:09:02 · 10809 阅读 · 2 评论 -
element-ui按需引入报错 Error: Cannot find module ‘babel-preset-es2015‘
问题:按element-ui官网的步骤进行按需引入,报错:Error: Cannot find module ‘babel-preset-es2015’npm install babel-plugin-component -D然后添加.babelrc文件{ "presets": [["es2015", { "modules": false }]], "plugins": [ [ "component", { "libraryName": "e原创 2020-08-15 22:30:14 · 12921 阅读 · 3 评论 -
如何在scoped模式下修改elementUI的样式
问题:在scoped的模式下,如何修改本页面上elementUi的样式描述:需求总是奇怪的,希望对elementUi的样式进行修改,但是又希望是在scoped模式下的解决:以输入框为例:正常模式下,通过符号 >>> 重写样式<style scoped>.el-input >>> .el-input__inner{ border-top: none;}</style>如果是scss,则是通过 /deep/ 重写样式&原创 2020-08-15 16:55:40 · 1920 阅读 · 0 评论 -
git上传代码的时候报错:failed to push some refs xxxx
问题:git push 项目到gitee的时候报错:failed to push some refs xxxx描述:之前博客的源码都是存在github上的,但是因为网速等各种原因,感觉gitee上比较好一点,因此就在gitee上新建了一个项目,之后经历了以下步骤:在gitee上新建了一个仓库(这里就是导致后面发生问题的原因,因为设置开源协议)将公匙保存到gitee的个人账户通过git remote rm将远程仓库删除,在通过git remote add添加远程仓库;之后问题来了git p原创 2020-08-14 17:41:17 · 230 阅读 · 0 评论