未分類

nuxtのnpm run dev時に、buildingが途中で止まってしまう原因と解決策

nuxtでいつものようにnpm run devを実行したところ、buildingの進行ゲージが44%あたりで止まってしまい、以降動かなくなった。

この原因だが、ゲージの下を見るとarticle-list.vueで止まっていることが分かる。

このファイルをチェックしたところ、どうやらtemplateタグの下に<!– eslint-disable –><!– prettier-ignore –>を記述していることが原因のようだ。

templateタグの直下にはタグを1つしか配置できない。

<!– eslint-disable –><!– prettier-ignore –>については、たしかにタグ2つだがコメントアウトしているので無視してくれるものと思い込んでいた。

それが「エラーが出ないのにbuildingが止まる」原因だった。

以下のように、divタグの中に2つのignoreタグを入れると、問題なくbuildingに成功した。

参考

https://teratail.com/questions/188842