react仿网易云音乐项目实践(一)

前言

react +webpack5 + ts 框架搭建专栏学习后,很长时间没有来掘金更新了,今天起正式开始进行项目实践开发!!!

产品:仿网易云音乐demo

前置项

react:react18

打包工具:webpack5

路由:react-router-dom@6.x

UI:antd4.21.7

语言:typescript

node: node14
axioseslintprettier代码规范配置


基础配置

1. Header头部导航

header引入logo图片时,报以上问题: 解决方法:global.d.ts中进行声明

头部导航效果如下: 引入antd-icon图标时一直报:缺少rev属性 解决:antd官网上也有好多人反馈该问题

官网大牛建议:升级@type/react @type/react-dom至最新版本 以上升级之后,又报错: 原因查找:说是由于TS版本与@types/react版本不匹配导致 但是版本一致后仍存在该问题

最终解决: tsconfig.json中添加改配置 最终header效果:

2.待续...

相关链接:github代码地址

相关推荐
Cachel wood25 分钟前
python round四舍五入和decimal库精确四舍五入
java·linux·前端·数据库·vue.js·python·前端框架
学代码的小前端27 分钟前
0基础学前端-----CSS DAY9
前端·css
joan_8531 分钟前
layui表格templet图片渲染--模板字符串和字符串拼接
前端·javascript·layui
m0_748236111 小时前
Calcite Web 项目常见问题解决方案
开发语言·前端·rust
Watermelo6171 小时前
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
开发语言·前端·javascript·算法·数据挖掘·数据分析·ecmascript
m0_748248941 小时前
HTML5系列(11)-- Web 无障碍开发指南
前端·html·html5
m0_748235611 小时前
从零开始学前端之HTML(三)
前端·html
一个处女座的程序猿O(∩_∩)O3 小时前
小型 Vue 项目,该不该用 Pinia 、Vuex呢?
前端·javascript·vue.js
hackeroink6 小时前
【2024版】最新推荐好用的XSS漏洞扫描利用工具_xss扫描工具
前端·xss
迷雾漫步者8 小时前
Flutter组件————FloatingActionButton
前端·flutter·dart