Ошибка в смонтированном хуке: «TypeError: узел конструктора класса не может быть вызван без «нового»»

Ошибка

[Предупреждение Vue]: ошибка в смонтированном хуке: «TypeError: узел конструктора класса не может быть вызван без «нового»»

app.vue

<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>

Системная информация

  • ОС: Windows10
  • версия Node.js: v14.15.1

Зависимости

  • "ядро-js": "^3.6.5",
  • "tiptap-vuetify": "^2.24.0",
  • "вью": "^ 2.6.11",
  • "vuetify": "^ 2.2.11"

репо

выпуск todo-list

🤔 А знаете ли вы, что...
С Node.js легко создавать масштабируемые сетевые приложения и веб-серверы.


1
904
1

Ответ:

Решено

Я думаю, вы можете сделать следующее, чтобы заставить типтап транспилироваться.

# vue.config.js

transpileDependencies: [
    /[\/]node_modules[\/]tiptap.*/
],

Причина, по которой мы получаем эту ошибку, заключается в том, что мы пытаемся расширить собственный класс с помощью транспилированного класса.

Использованная литература: