#Error when compile RichTextEditor (@tiptap) Component

2 messages · Page 1 of 1 (latest)

simple steeple
#

My code:

import React from "react";
import { useEditor } from '@tiptap/react';
import StarterKit from '@tiptap/starter-kit';
import { RichTextEditor } from '@mantine/tiptap';

function RichText() {
  const editor = useEditor({
    extensions: [
      StarterKit
    ],
    content: '',
  });

  return (
    <RichTextEditor editor={editor}>
      <RichTextEditor.Content />
    </RichTextEditor>
  );
}

export default RichText;

Error: Uncaught TypeError: Failed to fetch dynamically imported module

How to fix?

silk shell
#

Add this to your dependencies:

yarn add prosemirror-commands prosemirror-keymap prosemirror-model prosemirror-schema-list prosemirror-state prosemirror-transform prosemirror-view prosemirror-dropcursor prosemirror-gapcursor prosemirror-history