質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Markdown

Markdownは、文書の構造、修飾情報を記述するための軽量マークアップ言語です。

Q&A

解決済

1回答

1178閲覧

Nuxtでmarkdownitを導入しようとしたところ、buildがこけました。

MYG

総合スコア3

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Markdown

Markdownは、文書の構造、修飾情報を記述するための軽量マークアップ言語です。

0グッド

0クリップ

投稿2021/06/15 10:07

Nuxtで動いているWebアプリケーション上で、Contentfulで作成したコンテンツを表示しようとしています。
ContentfulからひっぱってくるデータがMarkdwonなので、

@nuxtjs/markdownitを使ってマークダウンの記事をHTMLで出力する

こちらの記事を参考にmarkdownitを導入したところ、buildでエラーが発生するようになりました。

やったこと
①markdownitのインストール

npm install @nuxtjs/markdownit

②設定ファイルの修正

nuxt.config.js

1 2(省略) 3 4 modules: [ 5 'bootstrap-vue/nuxt', 6 '@nuxtjs/axios', 7 '@nuxtjs/auth', 8 '@nuxtjs/dotenv', 9 '@nuxtjs/recaptcha', 10 '@nuxtjs/markdownit', ←追加 11 'nuxt-sweetalert2', 12 'vue-social-sharing/nuxt' 13 ], 14 15(省略) 16 17 markdownit: {  ←追加 18 injected: true, 19 breaks: true 20 }, 21}

③build時のエラー

$ nuxt build FATAL Cannot read property 'options' of undefined 18:55:28 at extendBuild (node_modules/@nuxt/core/dist/core.js:122:10) at ModuleContainer.markdownitModule (node_modules/@nuxtjs/markdownit/dist/module.js:25:3) at ModuleContainer.addModule (node_modules/@nuxt/core/dist/core.js:215:34) at node_modules/@nuxt/utils/dist/utils.js:1803:43 at async ModuleContainer.ready (node_modules/@nuxt/core/dist/core.js:43:5) at async Nuxt._init (node_modules/@nuxt/core/dist/core.js:685:5) lqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqk x x x ? Nuxt Fatal Error x x x x TypeError: Cannot read property 'options' of undefined x x x mqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqj error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

いったい何が原因なのか、さっぱりです…
どなたか、ご教授いただければ幸いです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

markdownitがだめなので、markedで代用することで解決しました。
※markdownitがちゃんと動かない原因はわからずじまい…

投稿2021/06/17 05:52

MYG

総合スコア3

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問