前言
继react +webpack5 + ts 框架搭建专栏学习后，很长时间没有来掘金更新了，今天起正式开始进行项目实践开发！！！
产品：仿网易云音乐demo
前置项
react：react18
打包工具：webpack5
路由：react-router-dom@6.x
UI：antd4.21.7
语言：typescript
node: node14
axios、eslint及prettier代码规范配置
基础配置
1. Header头部导航
header引入logo图片时，报以上问题： 
解决方法：global.d.ts中进行声明 
头部导航效果如下： 
引入antd-icon图标时一直报：缺少rev属性 
解决：antd官网上也有好多人反馈该问题 
官网大牛建议：升级@type/react @type/react-dom至最新版本 
以上升级之后，又报错： 
原因查找：说是由于TS版本与@types/react版本不匹配导致 但是版本一致后仍存在该问题
最终解决: tsconfig.json中添加改配置 
最终header效果：
2.待续...
相关链接：github代码地址