react eslint 설정 뭘 잘못했을까요? vscode에서 빨간 줄이 안뜹니다

Question

eslintrc.jsmodule.exports &#61; { env: { browser: true, node: true, es2021: true, }, ignorePatterns: [&#34;node_modules/&#34;, &#34;.eslintrc.*&#34;, &#34;package.json&#34;], extends: [ &#34;eslint:recommended&#34;, &#34;plugin:react/recommended&#34;, &#34;plugin:react-hooks/recommended&#34;, &#34;plugin:import/recommended&#34;, &#34;plugin:jsx-a11y/recommended&#34;, &#34;plugin:prettier/recommended&#34;, &#34;airbnb/hooks&#34;, &#34;prettier&#34;, ], plugins: [&#34;react&#34;, &#34;react-hooks&#34;, &#34;import&#34;, &#34;jsx-a11y&#34;], rules: { &#34;prettier/prettier&#34;: [ &#34;error&#34;, { endOfLine: &#34;auto&#34;, }, ], &#34;react/react-in-jsx-scope&#34;: [&#34;off&#34;], &#34;prefer-arrow-callback&#34;: [&#34;error&#34;, { allowNamedFunctions: true }], &#34;no-const-assign&#34;: [&#34;warn&#34;], &#34;no-dupe-else-if&#34;: [&#34;error&#34;], &#34;no-unused-vars&#34;: [&#34;warn&#34;], &#34;no-irregular-whitespace&#34;: [&#34;error&#34;], &#34;camelcase&#34;: [&#34;error&#34;], &#34;curly&#34;: [&#34;warn&#34;], &#34;eqeqeq&#34;: [&#34;warn&#34;], &#34;no-var&#34;: [&#34;error&#34;], &#34;prefer-const&#34;: [&#34;warn&#34;], &#34;prefer-destructuring&#34;: [&#34;warn&#34;], &#34;react/prop-types&#34;: [&#34;warn&#34;], }, parserOptions: { parser: &#34;babel-parser&#34;, sourceType: &#34;module&#34;, allowImportExportEverywhere: true, }, };prettierc.js (혹시 몰라 올리는 프리티어 설정...)module.exports &#61; { singleQuote: false, semi: true, tabWidth: 2, useTabs: false, bracketSpacing: true, trailingComma: &#34;all&#34;, printWidth: 80, arrowParens: &#34;always&#34;, endOfLine: &#34;auto&#34;, };package.json{ &#34;name&#34;: &#34;test&#34;, &#34;version&#34;: &#34;1.0.0&#34;, &#34;description&#34;: &#34;test&#34;, &#34;license&#34;: &#34;ISC&#34;, &#34;private&#34;: true, &#34;scripts&#34;: { &#34;dev&#34;: &#34;NODE_ENV&#61;development webpack serve&#34;, &#34;build&#34;: &#34;NODE_ENV&#61;production webpack&#34;, &#34;storybook&#34;: &#34;start-storybook -p 6006 -s src&#34;, &#34;build-storybook&#34;: &#34;build-storybook&#34; }, &#34;eslintConfig&#34;: { &#34;extends&#34;: [ &#34;react-app&#34;, &#34;react-app/jest&#34; ], &#34;overrides&#34;: [ { &#34;files&#34;: [ &#34;**/*.stories.*&#34; ], &#34;rules&#34;: { &#34;import/no-anonymous-default-export&#34;: &#34;off&#34; } } ] }, &#34;dependencies&#34;: { &#34;react&#34;: &#34;^18.2.0&#34;, &#34;react-dom&#34;: &#34;^18.2.0&#34;, &#34;react-router-dom&#34;: &#34;^6.4.1&#34;, &#34;styled-components&#34;: &#34;^5.3.6&#34; }, &#34;devDependencies&#34;: { &#34;&#64;babel/cli&#34;: &#34;^7.18.10&#34;, &#34;&#64;babel/core&#34;: &#34;^7.19.1&#34;, &#34;&#64;babel/preset-env&#34;: &#34;^7.19.1&#34;, &#34;&#64;babel/preset-react&#34;: &#34;^7.18.6&#34;, &#34;&#64;storybook/addon-actions&#34;: &#34;^6.5.12&#34;, &#34;&#64;storybook/addon-essentials&#34;: &#34;^6.5.12&#34;, &#34;&#64;storybook/addon-interactions&#34;: &#34;^6.5.12&#34;, &#34;&#64;storybook/addon-links&#34;: &#34;^6.5.12&#34;, &#34;&#64;storybook/builder-webpack5&#34;: &#34;^6.5.12&#34;, &#34;&#64;storybook/manager-webpack5&#34;: &#34;^6.5.12&#34;, &#34;&#64;storybook/react&#34;: &#34;^6.5.12&#34;, &#34;&#64;storybook/testing-library&#34;: &#34;^0.0.13&#34;, &#34;babel-loader&#34;: &#34;^8.2.5&#34;, &#34;clean-webpack-plugin&#34;: &#34;^4.0.0&#34;, &#34;eslint-config-prettier&#34;: &#34;^8.5.0&#34;, &#34;eslint-plugin-import&#34;: &#34;^2.26.0&#34;, &#34;eslint-plugin-jsx-a11y&#34;: &#34;^6.6.1&#34;, &#34;eslint-plugin-prettier&#34;: &#34;^4.2.1&#34;, &#34;eslint-plugin-react&#34;: &#34;^7.31.8&#34;, &#34;eslint-plugin-react-hooks&#34;: &#34;^4.6.0&#34;, &#34;html-webpack-plugin&#34;: &#34;^5.5.0&#34;, &#34;prettier&#34;: &#34;^2.7.1&#34;, &#34;storybook-addon-react-router-v6&#34;: &#34;^0.2.1&#34;, &#34;webpack&#34;: &#34;^5.74.0&#34;, &#34;webpack-cli&#34;: &#34;^4.10.0&#34;, &#34;webpack-dev-server&#34;: &#34;^4.11.1&#34; } }선언하지 않은 변수를 아무데나 작성해도 위에 커서를 가져가면 cannot find ~ 에러가 안 뜨고, 그냥 any 라고 뜹니다.그 외에 await 사용한 함수에 async를 안 붙이는 등 문법적으로 어긋나는 문장을 작성해도 웬만해선 에러가 안떠요eslint 파일에 관련 설정을 추가했지만, var 키워드를 사용해도 에러 감지가 안됩니다.제가 뭔갈 잘못 설치했거나 덜 설치했거나 잘못 설정한 게 있을까요?다른 파일에선 에러가 감지되는 걸로 보아 vscode 설정 문제 같지는 않습니다.답변 부탁드립니다.감사합니다!

react eslint 설정 뭘 잘못했을까요? vscode에서 빨간 줄이 안뜹니다

0개의 답변

Q&A 목록