ReactのアプリをGitHub Pagesで公開したい

#React（hooks）で作ったアプリをGitHubPagesで公開したい

エラー内容（困っていること）

こちらの記事（ディレクトリ名を変更）のやり方を参考に公開しよとうするとエラーが出る
npm run build ができない

開発環境

VScode
MacBookPro
M1Pro
OS:Monterey

出ているエラー

Terminal
counter-app % npm run build 

> counter-app@0.1.0 build
> react-scripts build && mv build docs

Creating an optimized production build...
Failed to compile.

Failed to load config "prettier" to extend from.
Referenced from: /Users/name/counter-app/.eslintrc.json

記述しているコード

eslintrc
{
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier",
    "prettier/@typescript-eslint"
  ],
  "plugins": ["@typescript-eslint"],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "sourceType": "module"
  },
  "env": { "browser": true, "node": true, "es6": true },
  "rules": {
    // 適当なルール
  }
}

package
...,
"homepage": "https://(user name).github.io/(repository name)/",
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build && mv build docs",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
...,

※user nameは自身のgithubの名前にしています
※repository nameは自身のリポジトリ名にしています

試したこと

npm run buildではなくyarn run buildを試したが同じエラーだった
ESLintが原因だと思い、有効だったものを無効にしたりアインストールを試してみた

よろしくお願いいたします。

hoshi-takanori

2021/12/25 13:05

Failed to load config "prettier" to extend from なので、GitHub Pages とは無関係な prettier の設定の問題でしょうね。もしかして eslint-config-prettier を追加すればいいかも？ https://stackoverflow.com/questions/61597932/eslint-couldnt-find-the-config-prettier-to-extend-from