TypeError: Cannot read properties of null (reading 'on')

`TypeError: Cannot read properties of null (reading 'on')` 是 JavaScript 中的一个常见错误，当你尝试在一个 `null` 或 `undefined` 值上调用一个方法（比如 `on` 方法）时，JavaScript 会抛出这个错误。`on` 通常是用于 DOM 元素的事件监听，例如添加事件处理器。

例如，如果你有一个变量 `element`，你可能这样写：

element.on('click', function() {
  // ...
});

但如果你在 `element` 为 `null` 或 `undefined` 时这样做，就会导致错误，因为 `null` 和 `undefined` 没有 `on` 属性或方法。

解决这个问题的方法是在调用之前检查 `element` 是否存在并且不是一个空值：

if (element && element.addEventListener) {
  element.addEventListener('click', function() {
    // ...
  });
} else {
  console.error('Element is null or undefined');
}

相关问题

Uncaught TypeError: Cannot read properties of null (reading

这个错误通常是由于尝试访问一个值为null＊＊＊引用JS文件等原因导致的。解决此问题的一种方法是确保DOM元素已正确加载并且JS文件已正确引用。您可以尝试使用浏览器的开发者工具来检查DOM元素是否已正确加载，并检查JS文件是否已正确引用。如果问题仍然存在，您可以尝试使用try-catch语句来捕获错误并进行处理。以下是一个示例代码：

try {
  // 尝试访问一个值为null的对象的属性
  var element = document.getElementById("myElement");
  element.setAttribute("class", "myClass");
} catch (error) {
  // 处理错误
  console.log("Error: " + error.message);
}

TypeError: Cannot read properties of null (reading 'insertBefore') 和TypeError: Cannot read properties of null (reading 'emitsOptions')

TypeError: Cannot read properties of null (reading 'insertBefore') 和 TypeError: Cannot read properties of null (reading 'emitsOptions') 是JavaScript中常见的错误类型，通常表示在一个空值（null）上尝试读取属性。这种错误通常发生在尝试访问一个不存在的对象或变量的属性时。

下面是两个例子来演示这两种错误：

1. TypeError: Cannot read properties of null (reading 'insertBefore')

var element = null;
element.insertBefore(document.createElement('div'), document.body);

这个例子中，我们尝试在一个空值（null）上调用`insertBefore`方法，因为`element`是null，所以会抛出TypeError。

2. TypeError: Cannot read properties of null (reading 'emitsOptions')

var obj = null;
console.log(obj.emitsOptions);

这个例子中，我们尝试在一个空值（null）上读取`emitsOptions`属性，因为`obj`是null，所以会抛出TypeError。

这些错误通常可以通过检查变量是否为null来避免。在访问对象的属性之前，可以使用条件语句或者null检查来确保对象不是null。