eslint-config-airbnb

问题 I defined the baseUrl in my tsconfig.json file: "baseUrl": "src", In .eslintrc.js I have: parser: '@typescript-eslint/parser', parserOptions: { ecmaFeatures: { jsx: true, }, ecmaVersion: 2018, sourceType: 'module', project: './tsconfig.json', }, Now in e.g. index.tsx I can import my components like import Layout from 'components/layout'; When I run gatsby develop I get some errors like: If you're trying to use a package make sure that 'components/layout' is installed. If you're trying to use

问题 I defined the baseUrl in my tsconfig.json file: "baseUrl": "src", In .eslintrc.js I have: parser: '@typescript-eslint/parser', parserOptions: { ecmaFeatures: { jsx: true, }, ecmaVersion: 2018, sourceType: 'module', project: './tsconfig.json', }, Now in e.g. index.tsx I can import my components like import Layout from 'components/layout'; When I run gatsby develop I get some errors like: If you're trying to use a package make sure that 'components/layout' is installed. If you're trying to use

问题 I've applied eslint airbnb standard to my code, so now this code: handleSubmit = (event) => { event.preventDefault(); this.props.onSearch(this.query.value); event.target.blur(); } causes this error: [eslint] Must use destructuring props assignment (react/destructuring-assignment) onSearch basically a trigger that passes up a value to parent component. How do I refactor this code to meet the eslint requirements? 回答1: handleSubmit = (event) => { event.preventDefault(); const {onSearch} = this

问题 I try to install and use ESLint Airbnb configuration for TypeScript for several days and I cannot make it work. Can somebody give installation and configuration steps of a working configuration, please? Below is one of my attempts to lint this code base using Airbnb convention. Airbnb configuration doesn't support Typescript ESLint 3.0 yet, so I will install TypeScript ESLint 2.34. Typescript ESLint 2.34 doesn't support ESLint 7 yet, so I will install ESLint 6.x. Typescript ESLint 2.34 doesn

问题 I have put my react-navigation code into a separate Routes file which I am then importing into my App.js file. Everything is working fine but I am using Airbnb ESLint config in Atom/Nuclide and getting an error with tintColor... "tintColor is missing in props validation" Tried this: Routes.propTypes = { tintColor: PropTypes.string.isRequired,} But then get error "tintColor PropType is defined but prop is never used" This is part of the code const Routes = () = { const ContentNavigator =

问题 I need to exclude css files from the eslint parser. Currently when I run eslint src/** this is checking all the files including css files. . Please find below my eslintrc file contents. module.exports = { "parser": "babel-eslint", "extends": "airbnb", "plugins": [ "react", "jsx-a11y", "import" ], "env" : { "browser": true } "rules": { "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], }, }; 回答1: .eslintignore file to ignore styles would work nicely. Inside, do something

问题 I need to exclude css files from the eslint parser. Currently when I run eslint src/** this is checking all the files including css files. . Please find below my eslintrc file contents. module.exports = { "parser": "babel-eslint", "extends": "airbnb", "plugins": [ "react", "jsx-a11y", "import" ], "env" : { "browser": true } "rules": { "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], }, }; 回答1: .eslintignore file to ignore styles would work nicely. Inside, do something

问题 This is my original code: const buildTableContent = (settings) => { const entries = []; for (const key in settings) { for (const subkey in env[key]) { settings is basically a dictionary of dictionary { 'env': {'name': 'prod'}, 'sass: {'app-id': 'a123445', 'app-key': 'xxyyzz'} } It triggered the following AirBnb style guide error: 35:3 error for..in loops iterate over the entire prototype chain, which is virtually never what you want. Use Object.{keys,values,entries}, and iterate over the

问题 This is my original code: const buildTableContent = (settings) => { const entries = []; for (const key in settings) { for (const subkey in env[key]) { settings is basically a dictionary of dictionary { 'env': {'name': 'prod'}, 'sass: {'app-id': 'a123445', 'app-key': 'xxyyzz'} } It triggered the following AirBnb style guide error: 35:3 error for..in loops iterate over the entire prototype chain, which is virtually never what you want. Use Object.{keys,values,entries}, and iterate over the

问题 For this piece of code, !this.state.dark I am getting an ESlint (airbnb config) error: Use callback in setState when referencing the previous state. I tried refactoring the code using following the ESlint documentation. But I'm having a hard time figuring it out. Any suggestions on how I can solve this problem? toggleDark = () => { const dark = !this.state.dark localStorage.setItem('dark', JSON.stringify(dark)) this.setState({ dark }) } 回答1: Thanks to @jonrsharpe for pointing me to