Astro网站部署到GitHub Pages踩坑记录
1Deshun 发布于 2年前 (2023-03-17) 1024℃ 评论(0) 赞 (0)
最近心血来潮,搭建了一个笔记网站,用的是 Astro React 模板,部署到 GitHub Pages,提交代码自动部署发版。我是从阮一峰老师一篇文章评论中了解到 Astro 的,看了下官网的介绍,好像还不错,对于有一定编码基础的人来说上手很快。不过在部署过程中也踩了不少坑,简...
Deshun 发布于 2年前 (2023-03-17) 1024℃ 评论(0) 赞 (0)
最近心血来潮,搭建了一个笔记网站,用的是 Astro React 模板,部署到 GitHub Pages,提交代码自动部署发版。我是从阮一峰老师一篇文章评论中了解到 Astro 的,看了下官网的介绍,好像还不错,对于有一定编码基础的人来说上手很快。不过在部署过程中也踩了不少坑,简...
Deshun 发布于 2年前 (2023-02-01) 1658℃ 评论(0) 赞 (1)
之前的一个项目报错 ReferenceError: React is not defined ,如下图:点进去可以看到,组件中创建元素的时候报错,找不到 React 。解决方法:如果使用的是 Babel 和 React 17,需要添加“运行时”配置,在 .babelrc 配置文件...
Deshun 发布于 2年前 (2022-12-09) 1541℃ 评论(0) 赞 (1)
首先分享一篇网易云音乐技术团队整理的一篇文章 React 组件库 CSS 样式方案分析目前存在的问题:1. antd 样式被重复引用,打包时被重复编译进 css 文件,造成代码冗余。2. 组件自定义样式没有通过类名区分,导致页面中使用多个组件时样式污染。关于 CSS 样...
Deshun 发布于 3年前 (2022-04-18) 1753℃ 评论(0) 赞 (0)
React 的 Umi项目,在使用 Echarts 3D 时报错:Error: Component series.surface not exists. Load it first.报错原因Echarts 3D 还需要依赖 echarts-gl 解决方法npm 安装 echarts-gl 依赖:npm install echarts-gl ...
Deshun 发布于 3年前 (2021-12-17) 1524℃ 评论(0) 赞 (0)
Echarts 项目中使用折线图 type: line ,在设置了 dataZoom 区域缩放时,会出现以下问题。数据变化后,如果差值比较大,会出现连线不能点到点,出现竖线鼠标拖动 Zoom 滚动时,该现象又消失了坐标轴是时间时,右侧数据增加,不会有问题,数据减少就会出...
Deshun 发布于 3年前 (2021-12-02) 1472℃ 评论(0) 赞 (0)
今天接到一个需求,要根据数值大小,区分柱状图柱子的颜色,没办法,需求为上。项目使用的是 Echarts 的柱状图(type: bar),在处理数据的时候判断一下,如果数值小于零,就给它增加一个控制颜色的属性,我这是一个渐变的柱子:let yData: numb...
Deshun 发布于 3年前 (2021-08-31) 2508℃ 评论(0) 赞 (1)
headScripts配置 <head> 里的额外脚本,默认值为数组,数组项为字符串或对象。Type:ArrayDefault:[]大部分场景下用字符串格式就够了,比如:export default { headScripts: [`alert(1);`, `https://a.com/b.js`], };会生成 HT...
Deshun 发布于 5年前 (2019-11-05) 12815℃ 评论(0) 赞 (6)
在使用Ant Design for React对接数据时发现控制台报错如下:Warning: [antd: Table] Each record in dataSource of table should have a unique `key` prop, or set `row...
Deshun 发布于 5年前 (2019-10-28) 5966℃ 评论(0) 赞 (2)
蚂蚁金服的前端UI框架Ant Design 有专门针对 React 设计的 Ant Design for React 。今天在使用其中的 DatePicker 日期组件时遇到一个问题,其中有一些按钮显示英文,如下图所示:官方给出了设置中文的方法,称之为“国际化配置”:默...
Deshun 发布于 5年前 (2019-09-24) 13336℃ 评论(0) 赞 (5)
最近在学习 React ,发现有的教程中使用 npm install 的--save 有的使用的是 --save-dev ,我之前对这两个参数的理解也是模糊的,随查阅资料,找到这篇文章 NPM install -save 和 -save-dev 傻傻分不清,转载过来方便自己以后查阅。npm install 常用命令npm install moduleName ...