Astro网站部署到GitHub Pages踩坑记录
1Deshun 发布于 3年前 (2023-03-17) 1649℃ 评论(0) 赞 (0)
最近心血来潮,搭建了一个笔记网站,用的是 Astro React 模板,部署到 GitHub Pages,提交代码自动部署发版。我是从阮一峰老师一篇文章评论中了解到 Astro 的,看了下官网的介绍,好像还不错,对于有一定编码基础的人来说上手很快。不过在部署过程中也踩了不少坑,简...
Deshun 发布于 3年前 (2023-03-17) 1649℃ 评论(0) 赞 (0)
最近心血来潮,搭建了一个笔记网站,用的是 Astro React 模板,部署到 GitHub Pages,提交代码自动部署发版。我是从阮一峰老师一篇文章评论中了解到 Astro 的,看了下官网的介绍,好像还不错,对于有一定编码基础的人来说上手很快。不过在部署过程中也踩了不少坑,简...
Deshun 发布于 3年前 (2023-03-14) 2068℃ 评论(0) 赞 (0)
一些时候,因为一些依赖依赖的依赖版本比较低,会导致一些莫名的问题,比如下面这个,编译时 @react-spring 的报错:Failed to compile. ./node_modules/@react-spring/web/dist/esm/index.js 113:11 Module parse failed: Unexpe...
Deshun 发布于 3年前 (2023-03-01) 2290℃ 评论(0) 赞 (0)
工具都是有利有弊,使用 pnpm 过程中经常会出现一个错误:ERR_PNPM_REGISTRIES_MISMATCH This modules directory was created using the following registries configuration:&nbs...
Deshun 发布于 3年前 (2023-02-28) 3226℃ 评论(0) 赞 (0)
工作之余,我整理了近50个 VS Code 插件,其中有一部分已经内置了,但不知道他们是用来干啥的。通过这篇文章,可以大致知道这些插件的作用,用不到的可以把他们移除, VS Code 变得更快了。Auto Close Tag自动添加 HTML/XML 结束标记,与 Visual Studio IDE 或 Sublime Text 类似。Auto Import自动查找、解析并提供所有可用导入的代码操...
Deshun 发布于 3年前 (2023-02-02) 2874℃ 评论(0) 赞 (2)
在群晖私有部署的笔记程序,一直用的 http 协议,昨天突发奇想,是不是可以改成 https 协议呢。答案当然 是可以,具体操作如下:打开 控制面板 > Synology 应用程序门户 > ...
Deshun 发布于 3年前 (2023-01-30) 2447℃ 评论(0) 赞 (1)
在项目开发中,客户反映页面样式错乱问题,经查是 360安全浏览器,使用了较老的 Chrome 内核所致。antd5 使用了很多比较新的 CSS 选择器,而 Chrome 内核 87 以下不支持很多现代 CSS Selector。导致了项目中的样式错乱...
Deshun 发布于 4年前 (2022-08-16) 1575℃ 评论(0) 赞 (3)
使用 map() 插入 DOM 时返回的数组因为拼接 += 调用了 toString() 方法,数组结构 [1, 2, 3] 里面的逗号也会被带上,就变成了 1, 2, 3 循环输出到 DOM了。解决方法使用 join() 可以切开一个数组,指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。arr.map((item)=>{ return item...
Deshun 发布于 4年前 (2022-08-05) 2036℃ 评论(0) 赞 (1)
执行 npm install 安装命令时报错:npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resol...
Deshun 发布于 4年前 (2022-07-12) 2107℃ 评论(0) 赞 (0)
修改完代码后发现当前所在分支不对时执行切换分支命令:git switch feature/others可能会报如下错误:error: Your local changes to the following files would be overwritten by&nb...
Deshun 发布于 4年前 (2022-07-05) 2060℃ 评论(0) 赞 (0)
像这种,如果子元素的宽度过大,就会出现被挤扁的情况,不能显示实际的宽度。解决方法:有一个 flex-shrink 属性,可以解决元素被挤压的问题。flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收...