Initialization error [Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of null (reading 'nodeType')"

[userBy9527]

<script> import "tui-image-editor/dist/tui-image-editor.css"; import "tui-color-picker/dist/tui-color-picker.css"; const ImageEditor = require("tui-image-editor"); export default { data() { return { dialogVisible: false, instance: null, }; }, mounted() { // }, methods: { handleClose() { this.dialogVisible = false; }, opendialog() { this.dialogVisible = true; var locale_ru_RU = { // override default English locale to your custom Crop: 'Обзрезать', // as result default English inscription will be translated into Russian 'Delete-all': 'Удалить всё', // etc... }; // Image editor const instance = new ImageEditor(document.querySelector('#tui-image-editor'), { includeUI: { loadImage: { path: 'img/sampleImage.jpg', name: 'SampleImage', }, locale: locale_ru_RU, // key-value object with localization // theme: blackTheme, // or whiteTheme initMenu: 'filter', menuBarPosition: 'bottom', }, cssMaxWidth: 700, cssMaxHeight: 500, selectionStyle: { cornerSize: 20, rotatingPointOffset: 70, }, }); } }, }; </script>

The code is as above，How to solve it

[ranxin001]

Just tried，It should be caused by not getting DOM