1. 错误提示
Uncaught TypeError: Cannot read properties of null (reading 'getContext')
2. 错误截图
![在这里插入图片描述](https://img-blog.csdnimg.cn/54f58f0f99cf4831bec6e45959031c23.png)
3. 错误分析
- 创建 canvas 的绘图上下文 CanvasContext 对象时canvas还未加载完成;
- Taro.createCanvasContext 所放生命周期错误!
4. 解决问题
- 错误代码
export default class Index extends Component {
componentDidMount () {
this.g2048 = new G2048(this)
}
changeTouchStart(e){
this.g2048.changeTouchStart(e)
}
changeTouchEnd(e){
this.g2048.changeTouchEnd(e)
}
render () {
return (
<View className='index'>
<Canvas canvasId='canvas' className='rui-canvas'
onTouchEnd={this.changeTouchEnd.bind(this)}
onTouchStart={this.cha