ESLintエラー:requireステートメントがimportステートメントの一部ではありません

このエラーが発生する主な原因は、ESLintの設定がimportステートメントを使用したモジュールのインポートに制限されているためです。ESLintは、ESモジュールシステムの使用を奨励しており、古いCommonJSスタイルのrequireステートメントは推奨されていません。

このエラーを解決するためには、いくつかの方法があります。以下に、いくつかのシンプルで簡単な解決策とコード例を示します。

importステートメントに変更する: importステートメントを使用してモジュールをインポートする方法がおすすめです。例えば、以下のように書き換えます:
```
import モジュール名 from 'モジュールのパス';
```
この方法でモジュールをインポートすると、ESLintエラーは解消されます。
ESLintルールを調整する: ESLintの設定を変更して、requireステートメントを許可することもできます。以下のように.eslintrcファイルを編集します:
```
{
 "rules": {
   "no-undef": "off",
   "import/no-unresolved": "off"
 }
}
```
これにより、ESLintはrequireステートメントを許可し、エラーを表示しなくなります。
eslint-plugin-importをインストールする: もしインストールしていない場合は、eslint-plugin-importをプロジェクトに追加してください。以下のコマンドを使用します:
```
npm install eslint-plugin-import --save-dev
```
これにより、import関連のルールを管理するための追加の機能が提供されます。