Uncaught TypeError: Cannot read properties of undefined (reading 'on')

这个错误通常发生在JavaScript编程中，当你尝试访问一个未定义的对象的`on`属性时。`on`通常是用于添加事件监听器的方法，如DOM元素的`addEventListener`。例如：

let element; // 这里element是undefined
element.on('click', function() {
   // 这行会抛出TypeError，因为element还没有被初始化
});

在这个例子中，由于`element`被声明了但没有赋值，所以它是undefined。当你试图在其上调用`on`方法时，JavaScript会报错，因为你不能读取undefined对象的`on`属性。

解决这个问题的关键是确保在访问之前对象已经被正确地初始化或检查是否已定义：

if (element) {
    element.addEventListener('click', function() {
        //...
    });
} else {
    console.error('Element is not defined');
}

相关问题

Uncaught TypeError TypeError: Cannot read properties of undefined (reading getElementsByTagName )

这个错误通常发生在尝试读取未定义对象的属性或方法时。在这种情况下，错误信息指出正在尝试读取未定义对象的 getElementsByTagName 属性。这可能是因为您正在尝试访问未定义的变量或对象，或者您正在尝试访问对象的属性或方法，但该对象未被正确初始化。要解决此问题，您可以检查代码中是否存在任何未定义的变量或对象，并确保正确初始化它们。如果您正在使用某个库或框架，请确保正确导入和初始化它们。如果问题仍然存在，请检查您的代码是否正确地使用了 DOM API，例如 getElementsByTagName 方法。您可以使用以下代码示例来避免此错误：

const elements = document.getElementsByTagName('div');
if (elements.length > 0) {
  // do something with the elements
} else {
  console.log('No div elements found');
}

echarts Uncaught TypeError: Cannot read properties of undefined (reading 'on')

这个错误通常是由于echarts未正确初始化导致的。可能的原因包括echarts库未正确加载、echarts实例未正确创建或者echarts实例未正确配置。您可以尝试检查以下几个方面来解决这个问题：
1. 确保您已经正确引入了echarts库，并且版本正确。
2. 确保您已经正确创建了echarts实例，并且实例的配置正确。
3. 确保您已经正确绑定了echarts实例到DOM元素上。
4. 如果以上步骤都正确，您可以尝试在echarts实例上调用on方法之前，先检查一下实例是否已经正确创建。