htmleditor.vue:145 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'on') at initEditor

这个错误信息表明在`htmleditor.vue`文件的第145行代码中，有一个未处理的Promise异常。具体错误是`TypeError: Cannot read properties of null (reading 'on')`，这意味着代码试图在一个`null`对象上调用`on`方法。

这种情况通常发生在以下几种情况下：

1. **元素未正确初始化**：在调用`on`方法之前，相关的DOM元素可能还没有被正确初始化或挂载到页面中。
2. **选择器错误**：用于选择元素的CSS选择器可能不正确，导致返回`null`。
3. **异步操作**：如果DOM元素的初始化依赖于某些异步操作（如AJAX请求或Vue的生命周期钩子），这些操作可能还没有完成。

要解决这个问题，可以尝试以下几种方法：

1. **检查元素是否已挂载**：确保在调用`on`方法之前，相关的DOM元素已经挂载到页面中。可以在`mounted`生命周期钩子中执行相关代码。
2. **验证选择器**：检查用于选择元素的CSS选择器是否正确，确保它能正确选中目标元素。
3. **处理异步操作**：如果元素依赖于某些异步操作，确保在操作完成后才调用`on`方法。

示例代码：

export default {
  mounted() {
    // 假设你要选择的是一个id为'editor'的元素
    const editorElement = document.getElementById('editor');
    if (editorElement) {
      editorElement.on('event', () => {
        // 处理事件
      });
    } else {
      console.error('Element with id "editor" not found.');
    }
  }
};