[Предупреждение Vue]: ошибка в смонтированном хуке: «TypeError: узел конструктора класса не может быть вызван без «нового»»
<template>
<v-container>
<tiptap-vuetify
v-model = "content"
:extensions = "extensions" />
</v-container>
</template>
<script>
// import the component and the necessary extensions
import { TiptapVuetify, Heading, Bold, Italic, Strike, Underline, Code, Paragraph, BulletList, OrderedList, ListItem, Link, Blockquote, HardBreak, HorizontalRule, History ,TodoList,TodoItem} from 'tiptap-vuetify'
export default {
// specify TiptapVuetify component in "components"
components: { TiptapVuetify },
data: () => ({
content: `
<h3>TIPTAP</h3>`,
// declare extensions you want to use
extensions: [
History,
Blockquote,
Link,
Underline,
Strike,
Italic,
ListItem,
BulletList,
OrderedList,
[Heading, {
options: {
levels: [1, 2, 3]
}
}],
Bold,
Code,
HorizontalRule,
Paragraph,
HardBreak,
TodoList,
[TodoItem, {
options: {nested: true}
}],],
}),}
</script>
🤔 А знаете ли вы, что...
С Node.js легко создавать масштабируемые сетевые приложения и веб-серверы.
Я думаю, вы можете сделать следующее, чтобы заставить типтап транспилироваться.
# vue.config.js
transpileDependencies: [
/[\/]node_modules[\/]tiptap.*/
],
Причина, по которой мы получаем эту ошибку, заключается в том, что мы пытаемся расширить собственный класс с помощью транспилированного класса.
Использованная литература: