微信小程序使用ChatJS报错：TypeError: Cannot read property ‘node‘ of null-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序使用ChatJS报错：TypeError: Cannot read property ‘node‘ of null。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

微信小程序原生开发中使用Chart.js报错问题记录

报错内容

WAServiceMainContext.js?t=wechat&s=1660287711817&v=2.25.0:1 TypeError: Cannot read property 'node' of null
    at Object.<anonymous> (Chart.umd.min.js? [sm]:formatted:1)
    at Function.<anonymous> (WAServiceMainContext.js?t=wechat&s=1660287711817&v=2.25.0:1)
    at :52460/appservice/<SelectorQuery callback function>
    at WAServiceMainContext.js?t=wechat&s=1660287711817&v=2.25.0:1
    at WAServiceMainContext.js?t=wechat&s=1660287711817&v=2.25.0:1
    at Array.forEach (<anonymous>)
    at WAServiceMainContext.js?t=wechat&s=1660287711817&v=2.25.0:1
    at WAServiceMainContext.js?t=wechat&s=1660287711817&v=2.25.0:1
    at WASubContext.js?t=wechat&s=1660287711817&v=2.25.0:1
    at J (WASubContext.js?t=wechat&s=1660287711817&v=2.25.0:1)(env: Windows,mp,1.06.2206090; lib: 2.25.0)

对应代码

cannot read property 'node' of null,javascript,前端,微信小程序,小程序

文章来源地址https://www.toymoban.com/news/detail-537822.html

看下代码

.wxml

<canvas style="width:100%;height:300px" type="2d" id="mychat" bindtouchstart="touchHandler"></canvas>

.js


var Chart = require('../../utils/Chart.umd.min.js');
Page({

  data: {
    chart: {}
  },

  touchHandler(options) {
    this.chart = {};
		this.chart.config = createConfig();
		console.log(this.chart)
    this.chart.instance = new Chart('mychat', this.chart.config)
    function createConfig() {
			const data = {
				labels: ['Red', 'Orange', 'Yellow', 'Green', 'Blue'],
				datasets: [{
					label: 'Dataset 1',
					data: [10, 2, 3, 1, 2],
					backgroundColor: 'rgba(123,0,0,0.3)',
					fill: false,
				}]
			};
			return {
				type: 'pie',
				data: data,
				options: {
					responsive: true,
				},
			}
		}
  },

})