AMG Solution

【エラー解決方法】Nuxt.js で「error Insert `⏎` prettier/prettier」が発生したときの対処法

feels

こんにちは、樋口です。
 
今回は、Nuxt.jsのeslint機能によって出力されるエラーの解決策を記載いたします。
※ 今回は「npm」コマンドを使用して説明を行います。

エラー内容(error Insert `⏎` prettier/prettier)

ソースを実行した際に下記エラーが発生してしまいました。

error Insert `⏎` prettier/prettier


 
原因としては、改行コードが足りていないときに出現します。改行を入れ直せば解決できますが、今回はソースコードの自動修正によって、解決していきたいと思います。

エラー発生時の環境

エラー発生時の環境は、下記の通りです。

Vue.js
2.6.11
Nuxt.js
2.12.2

エラー解決方法(package.jsonの修正)

package.jsonに下記内容を追加します。

エラー解決方法(自動修正コマンド実行)

package.jsonの変更が終わったら、下記コマンドの実行を行います。
 

npm run lint –fix

 

yarn run lint –fix

 
実行後、下記画像のようにエラーなくコマンドが終了したら完了です。
 

確認

再度実行を行いエラーがないことを確認します。
 

npm run dev


 
これで無事、解決です。
 
 
 
 
《関連記事》

recruit feels

HIGUCHI'S BLOG

樋口の記事

樋口の記事の最新情報をお届けいたします。

SAME CATEGORY BLOG

この記事と同様のカテゴリー記事

日報で業務改善
はじめました。
LOADING