困っていること
create-react-appでreact環境を作った後、eslintとprettierの設定を行いました。設定後にnpm startをしてみると2回に一度、以下のエラーが出ます。どのように直せば良いでしょうか?
現在のコード
eslint
module.exports = { // 環境設定 env: { es6: true, browser: true, node: true, }, parser: 'babel-eslint', plugins: ['react'], parserOptions: { ecmaVersion: 2021, sourceType: 'module', ecmaFeatures: { jsx: true, }, }, extends: [ 'some-other-config-you-use', 'prettier' ] };
package.json
{ "name": "frontend", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^5.16.4", "@testing-library/react": "^13.2.0", "@testing-library/user-event": "^13.5.0", "react": "^18.1.0", "react-dom": "^18.1.0", "react-router-dom": "^6.3.0", "react-scripts": "5.0.1", "styled-components": "^5.3.5", "styled-reset": "^4.4.0", "web-vitals": "^2.1.4" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "eslint-config-prettier": "^8.5.0", "eslint-plugin-prettier": "^4.0.0", "eslint-plugin-react": "^7.29.4", "prettier": "^2.6.2" } }
prettier
{ "printWidth": 100, "trailingComma": "es5", "tabWidth": 2, "semi": true, "singleQuote": true }
試したこと
eslint-config-prettierのバージョンが8以上だとeslintrcのextendsを以下のようにしないといけないと書いてあったので試してみましたが、解決できませんでした。
eslintrc.js
module.exports = { // 環境設定 env: { es6: true, browser: true, node: true, }, parser: 'babel-eslint', plugins: ['react'], parserOptions: { ecmaVersion: 2021, sourceType: 'module', ecmaFeatures: { jsx: true, }, }, extends: ['some-other-config-you-use', 'plugin:prettier/recommended'], };
まだ回答がついていません
会員登録して回答してみよう