开发常见报错/问题
收集开发过程中遇到的常见报错及解决方案
Ronychen’s blog
不想努力了,不,你想......
展开
-
React热更新异常
将dependencies中的react-scripts移至devDependencies中。本地一个react项目,当修改任意内容保存时本地编译会失败报错。原创 2024-05-29 14:44:25 · 170 阅读 · 0 评论 -
react-beautiful-dnd组件报Unable to find draggable with id
项目中使用react-beautiful-dnd组件实现可拖拽,但拖了1次后可能会出现拖拽异常(元素拖不动),打开控制台会发现有报错。给Draggable组件和其下方的div添加了key就正常了,以下是我自己简单写的一个demo,可供参考。:貌似这个组件在vite脚手架起的项目中会有问题(元素不能被拖拽),亲测在react脚手架ok。原创 2024-03-05 19:30:45 · 681 阅读 · 0 评论 -
js清除事件监听失效
当你给一个元素添加事件监听后,需要在组件销毁时给他清除事件监听,有同学就直接想到了这不是很简单吗?直接用removeEventListener就可以了,但实际上有些情况下会不生效://监听时document.getElementById("idName").addEventListener('scroll',()=>{ 监听滚动后的函数代码})清除监听document.getElementById("idName").removeEventListener(‘scroll’,()=>原创 2021-11-18 15:13:11 · 2387 阅读 · 0 评论 -
git拉取/推送远端代码时ssh报错
一、报错现象:当你在拉取或者推送代码至远端仓库时(概括一句话就是与远端仓库交互时),发现终端控制台报ssh: connect to host gitlab.alibaba-inc.com port 22: Connection timed out fatal: Could not read from remote repository.这样的错误时,说明此时无法正确连接远端仓库二、报错原因可能是因为当前网络不允许通过ssh密钥的方式来连接远端仓库地址(比如我自己的情况,远端仓库必须用公司内网才能连接原创 2021-06-24 11:39:10 · 2152 阅读 · 1 评论 -
查看端口占用及停止对应进程(启动项目时报错)
一、报错当你在启动项目时,突然发现终端控制台给你报错了,如下图类似界面时,你就应该知道是某个进程占用你项目启动的端口了,所以项目起不来报错:那要如何解决呢?很简单:找到那个占用的进程,然后将其”杀死“就ok了,下面我列了两个不同系统的查询以及解决方法,你们自己对号入座即可二、Mac查询对应端口的占用情况:sudo lsof -i :你要查询的端口号,例如:sudo lsof -i :80出现如下界面:找到那个最后有LISTEN(监听)的那条信息,前面的PID就是占用该80端口的进程,我们原创 2021-06-24 09:47:13 · 196 阅读 · 0 评论 -
injected stylesheet 导致页面样式异常
问题现象:如果你在开发过程中遇到页面中某个控件样式异常了(无法正常显示),然后打开浏览器控制面板,发现一大片灰色字体的,并且右上方还写着injected stylesheet,如下图所示:这有可能就是因为你安装了广告拦截的插件(这里我以chrome浏览器为例)问题原因:可能就是这个插件在检索的过程中,有可能你的控件中有带ad(广告)的字样,可能是id,或着class等,插件就把你写的这个控件当成是广告屏蔽了解决方法:1、你把这个chrome插件(广告屏蔽插件)卸载或着停用;2、你检查下你代码原创 2021-06-17 11:34:59 · 2391 阅读 · 1 评论 -
安装typescript报错
问题描述:当你想本地安装typescript包来编译操作ts文件时(即:npm i -g typescript),终端报错,报错界面如下:出现这个报错可以看到大致意思就是没有权限,不被允许,所以你可以通过sudo npm i -g typescript命令进行安装,敲完回车后,终端会弹出让你输入密码,输入正确后就瞬间安装成功了!最后,怎么确认你是否已经安装完成了呢?你可以输入tsc -v,如果出现相应版本就说明安装ok了...原创 2021-06-09 14:44:23 · 1851 阅读 · 1 评论