remarkとremark-htmlでエラー

目次

• 解決方法: ダウングレード

個人開発中の Next.js プロジェクトに markdown のブログ機能実装しようと思って remark と remark-html を使用したらエラーが出た

Error: Must use import to load ES Module: /Users/mb/sandbox/hoge/node_modules/remark/index.js

解決方法: ダウングレード

remarkは 14.x.x 系、remark-htmlは 15.x.x 系が最新なんだけどこれを使用するとこの ESModule エラー出るぽい

なので node_modules 削除して package.json 下記のように書き換えてnpm iで解決した

"remark": "^13.0.0",
"remark-html": "^13.0.1",

Next.js 公式のブログスターターに合わせたって感じです〜

https://github.com/vercel/next.js/blob/canary/examples/blog-starter/package.json