【Nuxt.js】markdown-it-anchor や markdown-it-toc-done-right を導入するとエラーが出る場合の対処法【備忘録】

公開 2021-06-02 13:40 / 最終更新 2021-06-02 13:57
カテゴリー Nuxt.js

かなりはまりました。

markdown-it にてタイトルのプラグインを読み込むと、以下のようなエラーが表示され、ページが表示されなくなります。

let md = new MarkdownIt().use(require('markdown-it-anchor'))
TypeError: plugin.apply is not a function
    at MarkdownIt.push../node_modules/markdown-it/lib/index.js.MarkdownIt.use
    at tryCatch (commons.app.js:6771)
    at Generator.invoke [as _invoke] (commons.app.js:6997)
    at Generator.prototype.<computed> [as next] (commons.app.js:6823)
    at asyncGeneratorStep (vendors.app.js:31)
    at _next (vendors.app.js:53)
    at vendors.app.js:60
    at new Promise (<anonymous>)
    at vendors.app.js:49

対処法

requireではなく、importを使ってインポートします。なぜ治るのかはよく分かりません。

import mdAnchor from 'markdown-it-anchor'

const MarkdownIt = require('markdown-it')

let md = MarkdownIt().use(mdAnchor)

参考

https://github.com/valeriangalliat/markdown-it-anchor/issues/54

コメント
コメントする

※ニックネームの変更はCookieを削除することで行えます。(ただし、過去に書き込んだコメントの編集・削除はできなくなります。)

コメント本文

※reCAPTCHAによるボット判定を行っているため、送信に少々時間がかかる場合があります。ご了承ください。

送信しました。

確認

コメントを削除しますか?

返信

返信を入力

arrow_upward