next.js TipTap/pm プラグインのバグ

先に結論

1. 依存関係をすべて追加する(Answer1)。
   • npm add
     • prosemirror-commands
     • prosemirror-history
     • prosemirror-keymap
     • prosemirror-model
     • prosemirror-schema-list
     • prosemirror-state
     • prosemirror-transform
     • prosemirror-view
2. npm i @tiptap/pm する(Answer2)。

以下のコマンドを実行することで解決できました。

npm add prosemirror-commands prosemirror-history prosemirror-keymap prosemirror-model prosemirror-schema-list prosemirror-state prosemirror-transform prosemirror-view
npm i @tiptap/pm

Copy

現象

localでは発生しないが、netlifyにデプロイしたときにエラー発生

Netlify エラー箇所を抽出すると以下。

Module not found: Can't resolve '@tiptap/pm/state'
Module not found: Can't resolve '@tiptap/pm/keymap'
Module not found: Can't resolve '@tiptap/pm/keymap'
Module not found: Can't resolve '@tiptap/pm/transform'

Copy

エラー文のキャプチャ

参考

以下にたどり着きました。

　TipTap issues: TipTap is not working on react with vite project.

長い戦いでした。

調べていたら、みんな同じところで嵌っていて、ふふってなりました。

心強かったです。