eslint

问题 I am new to Reactjs and am started learning it. I have been trying to start a basic hello world program but its failing at compilation level. Created a start up hello-word program with create-react-app hello-world it gave me a nice folder structure with bunch of files. And Here you can see the compilation error Failed to compile ./src/index.js Module build failed: Error: Failed to load plugin import: Cannot find module 'eslint-plugin-import' Referenced from: at Array.forEach (native) at Array

问题 I am new to Reactjs and am started learning it. I have been trying to start a basic hello world program but its failing at compilation level. Created a start up hello-word program with create-react-app hello-world it gave me a nice folder structure with bunch of files. And Here you can see the compilation error Failed to compile ./src/index.js Module build failed: Error: Failed to load plugin import: Cannot find module 'eslint-plugin-import' Referenced from: at Array.forEach (native) at Array

问题 I have created a .env file in my project root but I'm new to working with environments / variables and so I'm unsure how to integrate the file so I can override the stock, non-ejected react-app eslint settings. // My .env file has just this EXTEND_ESLINT = "true" The c-r-a docs explain what the variable is, but not now to set it to true. Also, the section on 'Extending the ESLint config' is helpful only for once the var is set to true. // stock create-react-app package.json "scripts": {

问题 I am using the following logic to get the i18n string of the given key. export function i18n(key) { if (entries.hasOwnProperty(key)) { return entries[key]; } else if (typeof (Canadarm) !== 'undefined') { try { throw Error(); } catch (e) { Canadarm.error(entries['dataBuildI18nString'] + key, e); } } return entries[key]; } I am using ESLint in my project. I am getting the following error: Do not access Object.prototype method 'hasOwnProperty' from target object. It is a ' no-prototype-builtins

问题 Having a hard time to understand the 'exhaustive-deps' lint rule . I already read about stack1 and stack2 but I could not get my anwser. Basically here is a simple react component with the lint issue : const MyCustomComponent = ({onChange}) => { const [value, setValue] = useState(''); useEffect(() => { onChange(value); }, [value]); return ( <input value={value} type='text' onChange={(event) => setValue(event.target.value)}> </input> ) } It requires me to add onChange to the useEffect

问题 The ESLint rule for indent allows for you to specify which nodes are ignored, when determining whether the rule should apply to that node, using the ignoredNodes option. I've got the following code that I want to ignore with this rule: const a = b ? `c${ d }` : e Specifically, the line with d and the subsequent line are reported as having two more spaces than they should. I want to ignore those lines from the rule, but I can't figure out the node that should apply. Node types are specified in

问题 I need to disable some variable checks in ESLint . Currently, I am using this code, but am not getting the desired result: /* eslint no-unused-vars: ["error", { "caughtErrorsIgnorePattern": "Hey" }] */ export type Hey = { a: string, b: object } Two questions: Is there a variant which can enable no-unused-vars for a block of code? Something like... /* eslint rule disable"*/ // I want to place my block of code, here /* eslint rule disable"*/ Or could I make Hey a global variable so that it can

问题 I am trying to lint my angular code using angular, eslint:recommended and the jasmine plugin recommended settings. However I get is not defined errors on the jasmine stuff. My eslint file looks like this: { "plugins": ["jasmine"], "extends": ["angular", "eslint:recommended", "plugin:jasmine/recommended"], "rules": { "quotes": [ 2, "single"], "strict": [2, "global"], "semi": ["error", "always"], "angular/on-watch": "warn" } } I get the following errors: 3:1 error 'describe' is not defined no

问题 Am trying to install eslint locally in a project folder. However installing as mentioned on https://eslint.org npm install eslint --save-dev returns the following error: npm ERR! Linux 4.15.0-70-generic npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "install" "eslint" "--save-dev" npm ERR! node v8.10.0 npm ERR! npm v3.5.2 npm ERR! code EMISSINGARG npm ERR! typeerror Error: Missing required argument #1 npm ERR! typeerror at andLogAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:31:3) npm

问题 I'm new to Typescript React. In a really basic functional component, eslint is complaining me it's missing the returned type for the functional component itself. Where I'm wrong? 回答1: As explained by Nicholas Tower in this answer Typescript | Warning about Missing Return Type of function, ESLint, depending on the react version that you are using, you can use any of the lines below: If you're on the latest react version (16.8.0 or later), do this: const Component: React.FunctionComponent<Props