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

先に結論

依存関係をすべて追加する(Answer1)。

npm add

prosemirror-commands

prosemirror-history

prosemirror-keymap

prosemirror-model

prosemirror-schema-list

prosemirror-state

prosemirror-transform

prosemirror-view

npm i @tiptap/pm する(Answer2)。

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

plain text

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

現象

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

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

plain text

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'

エラー文のキャプチャ

参考

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

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

長い戦いでした。

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

心強かったです。

Created by

EC maker

電機/自動車メーカ系エンジニア
→ フロントエンドエンジニア
- Flutter / スマホアプリ開発中。
- Next.js / TypeScript /
TailwindCSS を学習中。

- Contents -

next.js TipTap/pm プラグインのバグ先に結論現象参考

公開: 2023-07-19

更新: 2025-01-08

いいね: 0 件

コメント: 0 件

カテゴリ:

program

タグ:

next.js

Created by

EC maker

電機/自動車メーカ系エンジニア
→ フロントエンドエンジニア
- Flutter / スマホアプリ開発中。
- Next.js / TypeScript /
TailwindCSS を学習中。