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

こんにちは、樋口です。
 
今回は、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に下記内容を追加します。

　・・・・・
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "lint:style": "stylelint **/*.{vue,css} --ignore-path .gitignore",
    "lint": "npm run lint:js && npm run lint:style",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore . --fix"　← 追加
  },
　・・・・・

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

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

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

確認

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

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

• Vue.jsベースのフレームワーク！ Nuxt.js入門《プロジェクト構成の説明》
• Vue.jsベースのフレームワーク！ Nuxt.js入門《簡単WEBページの多言語化対応》
• 【エラー解決方法】Nuxt.js で「error Delete `␍` prettier/prettier」が発生したときの対処法
• Vue.jsベースのフレームワーク！ Nuxt.jsプラグイン《簡単EXCEL風データ表示》
• Vue.jsベースのフレームワーク！ Nuxt.jsプラグイン《簡単アイコンイメージ》