MiradorをNuxt 3に実装する

itsukikigoshi

画像ファイルの国際規格IIIFのビューワー: MiradorをNuxt 3で実装する方法を考える．

itsukikigoshi

Nuxt2による先行事例

itsukikigoshi

と同じ実装を行おうとすると，

500
_interopRequireWildcard is not a function. (In '_interopRequireWildcard(require_react())', '_interopRequireWildcard' is an instance of Object)

というエラーが吐かれる．dependency (特にreact?)のバージョンに問題があるのかと思い，Reactとreact-domを19,18,17,16系などに変えてみるも上手くいかない．

itsukikigoshi

この回答が少し近そう

itsukikigoshi

しかし，この回答の方法（@babel/runtimeのインストール）を試すもエラーは解決せず．

itsukikigoshi

今回の問題はMiradorがNuxt 3に対応していないことが原因である可能性に加えて，MiradorがTypeScriptに対応していないことが原因である可能性もある．
不服だがNuxt2 with JavaScriptで試してみる．TS対応と，MiradorのReact/Vueコンポーネント化してほしい．Mirador 4についても調べてみなくては．

itsukikigoshi

Tifyを使えばNuxt 3でも簡単に表示できた！