困っていること
create-react-appでreact環境を作った後、eslintとprettierの設定を行いました。設定後にnpm startをしてみると2回に一度、以下のエラーが出ます。どのように直せば良いでしょうか?
現在のコード
eslint
1module.exports = { 2 // 環境設定 3 env: { 4 es6: true, 5 browser: true, 6 node: true, 7 }, 8 parser: 'babel-eslint', 9 plugins: ['react'], 10 parserOptions: { 11 ecmaVersion: 2021, 12 sourceType: 'module', 13 ecmaFeatures: { 14 jsx: true, 15 }, 16 }, 17 extends: [ 18 'some-other-config-you-use', 19 'prettier' 20 ] 21}; 22
package.json
1{ 2 "name": "frontend", 3 "version": "0.1.0", 4 "private": true, 5 "dependencies": { 6 "@testing-library/jest-dom": "^5.16.4", 7 "@testing-library/react": "^13.2.0", 8 "@testing-library/user-event": "^13.5.0", 9 "react": "^18.1.0", 10 "react-dom": "^18.1.0", 11 "react-router-dom": "^6.3.0", 12 "react-scripts": "5.0.1", 13 "styled-components": "^5.3.5", 14 "styled-reset": "^4.4.0", 15 "web-vitals": "^2.1.4" 16 }, 17 "scripts": { 18 "start": "react-scripts start", 19 "build": "react-scripts build", 20 "test": "react-scripts test", 21 "eject": "react-scripts eject" 22 }, 23 "eslintConfig": { 24 "extends": [ 25 "react-app", 26 "react-app/jest" 27 ] 28 }, 29 "browserslist": { 30 "production": [ 31 ">0.2%", 32 "not dead", 33 "not op_mini all" 34 ], 35 "development": [ 36 "last 1 chrome version", 37 "last 1 firefox version", 38 "last 1 safari version" 39 ] 40 }, 41 "devDependencies": { 42 "eslint-config-prettier": "^8.5.0", 43 "eslint-plugin-prettier": "^4.0.0", 44 "eslint-plugin-react": "^7.29.4", 45 "prettier": "^2.6.2" 46 } 47} 48
prettier
1{ 2 "printWidth": 100, 3 "trailingComma": "es5", 4 "tabWidth": 2, 5 "semi": true, 6 "singleQuote": true 7} 8
試したこと
eslint-config-prettierのバージョンが8以上だとeslintrcのextendsを以下のようにしないといけないと書いてあったので試してみましたが、解決できませんでした。
eslintrc.js
1module.exports = { 2 // 環境設定 3 env: { 4 es6: true, 5 browser: true, 6 node: true, 7 }, 8 parser: 'babel-eslint', 9 plugins: ['react'], 10 parserOptions: { 11 ecmaVersion: 2021, 12 sourceType: 'module', 13 ecmaFeatures: { 14 jsx: true, 15 }, 16 }, 17 extends: ['some-other-config-you-use', 'plugin:prettier/recommended'], 18}; 19