TypeError: Cannot read properties of null (reading 'on')
时间: 2024-07-08 16:00:42 浏览: 203
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决
5星 · 资源好评率100%
`TypeError: Cannot read properties of null (reading 'on')` 是 JavaScript 中的一个常见错误,当你尝试在一个 `null` 或 `undefined` 值上调用一个方法(比如 `on` 方法)时,JavaScript 会抛出这个错误。`on` 通常是用于 DOM 元素的事件监听,例如添加事件处理器。
例如,如果你有一个变量 `element`,你可能这样写:
```javascript
element.on('click', function() {
// ...
});
```
但如果你在 `element` 为 `null` 或 `undefined` 时这样做,就会导致错误,因为 `null` 和 `undefined` 没有 `on` 属性或方法。
解决这个问题的方法是在调用之前检查 `element` 是否存在并且不是一个空值:
```javascript
if (element && element.addEventListener) {
element.addEventListener('click', function() {
// ...
});
} else {
console.error('Element is null or undefined');
}
```
阅读全文