总目录
欢迎大家来到 Rattenking 的《Taro React 入门到实战系列》,开始前博主先列出 Taro React 入门到实战的大纲,同时包括遇到的一些常见报错。下面蓝字都是传送门,点击进入即可:
一、入门篇
入门篇介绍了从安装,开发中的配置问题,记录解决对应的问题。
- 【taro react】---- VSCode 配置用户代码片段
- 【taro react】---- 使用 redux 的配置笔记
- 【taro react】---- h5路由配置取消路由上的#
- 【taro react】---- 项目打包生成不同目录【代码编译到不同生产目录】
- 【taro react】---- 微信小程序 通过 Jenkins 实现自动化部署
- 【taro react】---- 配置目录别名
二、实战篇
实战篇是实际开发中的组件的封装,部分比较有意思的效果,以及一些特殊实际问题的解决办法!
- 【taro react】---- Stepper 步进器组件封装
- 【taro react】---- 时间罗盘实现
- 【taro react】---- 兼容微信小程序和H5的海报组件
- 【taro react】---- 团购或秒杀的批量倒计时实现
- Taro React组件开发(1) —— Overlay 遮罩层【渐入渐出动画遮罩层】
- Taro React组件开发(2) —— RuiEditor 富文本编辑器【兼容H5和微信小程序】
- Taro React组件开发(3) —— RuiRate 评论评分
- Taro React组件使用(4) —— RuiInputCode 验证码输入框
- Taro React组件使用(5) —— RuiPasswordInput 密码输入框显示隐藏和清空
三、错误篇
错误篇是在实际开发中遇到的一些错误的处理方法!
- 【taro react】---- Uncaught SyntaxError: Unexpected token ‘<‘
- 【taro react】 ---- Uncaught TypeError: Cannot read properties of null (reading ‘getContext‘)
- 【taro react】---- 编译微信小程序后报错:Error: Minified React error #321;
- 【taro react】---- 编译H5运行后报错:Uncaught ReferenceError: R e f r e s h S i g RefreshSig RefreshSig is not defined
- 【taro react】对修饰器的实验支持功能在将来的版本中可能更改。在 “tsconfig“ 或 “jsconfig“ 中设置 “experimentalDecorators“ 选项以删除此警告。
- 【taro react】---- Warning: Invalid DOM property
contenteditable
. Did you meancontentEditable
? - 【taro react hooks 错误解决】---- Warning: Can‘t perform a React state update on an unmounted component.
四、问题篇
问题篇是开发中遇到的一些问题的解决方法!