- 博客(12)
- 收藏
- 关注
RSS订阅原创 react-router-dom 6.x useNavigate() may be used only in the context of a ＜Router＞ component
Uncaught Error: useNavigate() may be used only in the context of a component.未捕获错误:useNavigate()只可以用在<路由器>上下文的组件中。原因：导航组件写到外面了！！！解决方法：把要导航跳转的组件写到里面如下假设：Header组件中有类似点击按钮等导航跳转操作，就需要将Header组件写到BrowserRouter的里边：Footer组件无类似操作，所以写到BrowserRouter的外边了
2022-01-10 16:12:01
3167
原创 commitlint无效 commit-msg不执行
一、 安装commitlintyarn add @commitlint/config-conventional @commitlint/cli -D二、commitlint无效 commit-msg不执行——解决办法：1.删除package.json中的husky"husky": { "hooks": { "commit-msg": "commitlint -E HUSKY_GIT_PARAMS" }}原因分析：命令冲突执行npx husky add .husky/comm
2021-11-25 21:11:46
4259
原创 npx husky add .husky/commit-msg ‘npx --no-install commitlint --edit “$1“‘执行无效
npx husky add .husky/commit-msg 'npx --no-install commitlint --edit “$1”'执行无效**解决办法：把单引号 ’ 换成 双引号 " **npx husky add .husky/commit-msg "npx --no-install commitlint --edit "$1""
2021-11-25 20:44:30
2293
2
原创 安装Pre-commit Hook npx mrm@2 lint-staged pre-commit不执行
安装Pre-commit Hook，实现每次代码提交前自动格式化npx mrm@2 lint-staged// 执行这行命令会同时安装husky和lint-stage，并自动生成.husky/pre-commit文件pre-commit不执行解决办法：删除package.json中的husky"husky": { "hooks": { "pre-commit": "lint-staged" } },原因分析：命令冲突执行npx mrm@2 lint-stage
2021-11-25 20:42:09
661
原创 React 创建项目流程+配置 eslint、 prettier 和 commitlint 规范工程
一、 利用create-react-app创建TS项目React中文文档npx create-react-app projectName --template typescript// --template typescript ：创建TS项目二、 配置 eslint、 prettier 和 commitlint 规范工程1.prettier安装与配置： prettier官网1.1 安装yarn add --dev --exact prettier1.2 创建空文件：.prettierr
2021-11-25 20:01:17
555
原创 useMemo和useCallback的区别 及使用场景
参考文章useMemo 和 useCallback 接收的参数都是一样,第一个参数为回调 第二个参数为要依赖的数据共同作用：1.仅仅 依赖数据 发生变化, 才会重新计算结果，也就是起到缓存的作用。两者区别：1.useMemo 计算结果是 return 回来的值, 主要用于 缓存计算结果的值 ，应用场景如： 需要 计算的状态2.useCallback 计算结果是 函数, 主要用于 缓存函数，应用场景如: 在将一个组件中的函数，传递给子元素进行回调使用时，使用useCallback对函数进行处理
2021-10-30 20:30:46
1243
原创 俢改npm yarn安装依赖包默认路径和全局下载路径
npm的默认安装路径是C:\Users\Administrator\AppData\Roaming\npm (Administrator是用户名)参考文章一、修改npm的包的全局安装和缓存路径window + r -> cmd （路径为你想要更改的路径）npm config set prefix "E:\node\node_gobal"npm config set cache "E:\node\node_cache"查看是否更改成功npm config ls二、yar
2021-09-18 15:09:59
2758
原创 node npm yarn安装使用错误（无法使用，显示报错，不是内部或外部命令，也不是可运行的程序或批处理文件。）
一、nodejs参考文章1. 安装node.js淘宝镜像下载地址: https://npm.taobao.org/mirrors/下载地址：http://nodejs.cn/download/// 检查版本node -vnpm -v2. 配置环境变量2.1 用户变量和系统变量的区别用户变量：windows是多用户，多任务操作系统，一台电脑可以创建多个用户。A用户用这台电脑的时候，显示A用户安装过的软件和创建的文件，B用户登录的时候，显示B用户安装的软件和创建的文件。系统变量：系统
2021-09-18 14:13:15
23552
6
原创 函数、变量申明提升和闭包
函数申明、变量申明提升和闭包一、 函数申明、变量申明提升var变量和具名函数的申明会提升到 定义时的作用域的最顶部function f(shouldInitialize: boolean) { if (shouldInitialize) { var x = 10; } return x;}f(true); // returns '10'f(false); // returns 'undefined'// 提升后结果function f(should
2021-07-16 14:18:33
84
原创 Swiper解决动态加载数据或自定义样式时滑动失效
Swiper解决动态加载数据或自定义样式时滑动失效原因分析：swiper在初始化的时候会扫描swiper-wrapper内部swiper-slide的个数，从而完成初始化，但是由于动态加载是在初始化完成进行的操作，所以无法确定swiper-wrapper内部swiper-slide的个数，从而导致左右滑动失效解决方案：Swiper有这样两个参数：observer和observeParents，前者启动动态检查器，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化sw
2021-06-25 23:08:32
781
原创 vue项目 电脑端正常，手机数据空白 无法获取数据！在手机上发送不出去axios 或者 ajax，请求失败
vue项目 电脑端正常，手机数据空白参考文档结论：地址写错了！！！原本设置的是：axios.default.baseUrl =‘http://localhost:3000’这请求永远访问的是当前机器（PC端）的地址，电脑能请求成功！但是手机访问的时候，请求的是手机上的地址！所以应改为 axios.default.baseUrl =‘http://192.168.1.3:3000’ （改为PC端的IP+端口）package.json中设置一下 ( 这个可以不用设置 )"scripts": {
2021-06-22 23:09:50
3129
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人