私は何日も同じeslintの問題を抱えています。
チームの全員が同じeslintrcとインストール済みバージョンのeslintを持っています。彼らの護衛はうまく機能しますが、私のものはそうではありません。
コンピューターの再起動、node_modulesの削除、ユーザーの下(ホームディレクトリ内)のすべての削除を試みました。何も動作しません。
問題:
./node_modules/.bin/eslint *.js*
1 ↵ 11504 10:19:47
Cannot read property 'range' of null
TypeError: Cannot read property 'range' of null
at SourceCode.getTokenBefore (/Users/jhill/gitRepo/sponsoroo/node_modules/eslint/lib/token-store/index.js:303:18)
at checkSpacingBefore (/Users/jhill/gitRepo/sponsoroo/node_modules/eslint/lib/rules/template-curly-spacing.js:52:42)
at TemplateElement (/Users/jhill/gitRepo/sponsoroo/node_modules/eslint/lib/rules/template-curly-spacing.js:117:17)
at listeners.(anonymous function).forEach.listener (/Users/jhill/gitRepo/sponsoroo/node_modules/eslint/lib/util/safe-emitter.js:47:58)
at Array.forEach (<anonymous>)
at Object.emit (/Users/jhill/gitRepo/sponsoroo/node_modules/eslint/lib/util/safe-emitter.js:47:38)
at NodeEventGenerator.applySelector (/Users/jhill/gitRepo/sponsoroo/node_modules/eslint/lib/util/node-event-generator.js:251:26)
at NodeEventGenerator.applySelectors (/Users/jhill/gitRepo/sponsoroo/node_modules/eslint/lib/util/node-event-generator.js:280:22)
at NodeEventGenerator.enterNode (/Users/jhill/gitRepo/sponsoroo/node_modules/eslint/lib/util/node-event-generator.js:294:14)
at CodePathAnalyzer.enterNode (/Users/jhill/gitRepo/sponsoroo/node_modules/eslint/lib/code-path-analysis/code-path-analyzer.js:608:23)
細部
バージョン:
./node_modules/.bin/eslint --version
v4.16.0
.eslintrc
{
"extends": ["airbnb-base", "plugin:security/recommended"],
"rules": {
"import/prefer-default-export": "off",
"no-console": "off",
"class-methods-use-this": "off",
"global-require": "off",
"consistent-return": "off",
"import/no-extraneous-dependencies": ["error", {"devDependencies": true}],
/* JSX */
"jsx-quotes": [2, "prefer-double"],
/* React */
"react/display-name": 1,
"react/jsx-boolean-value": 1,
"react/jsx-no-duplicate-props": 1,
"react/jsx-no-undef": 1,
"react/jsx-quotes": 0,
"react/jsx-sort-props": 0,
"react/jsx-uses-react": 1,
"react/jsx-uses-vars": 1,
"react/no-danger": 1,
"react/no-did-mount-set-state": 1,
"react/no-did-update-set-state": 1,
"react/no-multi-comp": 1,
"react/no-unknown-property": 1,
"react/prop-types": 1,
"react/react-in-jsx-scope": 1,
"react/self-closing-comp": 1,
"react/sort-comp": 1,
"react/wrap-multilines": 0,
/* Security */
"security/detect-non-literal-fs-filename": 2,
"security/detect-non-literal-regexp": 2,
"security/detect-unsafe-regex": 2,
"security/detect-buffer-noassert": 2,
"security/detect-child-process": 2,
"security/detect-disable-mustache-escape": 2,
"security/detect-eval-with-expression": 2,
"security/detect-no-csrf-before-method-override": 2,
"security/detect-non-literal-require": 2,
"security/detect-object-injection": 2,
"security/detect-possible-timing-attacks": 1,
"security/detect-pseudoRandomBytes": 2,
"no-unsafe-innerhtml/no-unsafe-innerhtml": 2
},
"parser": "babel-eslint",
"plugins": [
"babel",
"react",
"security",
"no-unsafe-innerhtml"
],
"env": {
"jest": true,
"browser": true,
"es6": true,
"node": true
},
"settings": {
"import/extensions": {
"webpack": {
"config": "./webpack.config.react.js"
}
}
}
}
また、「parser」:「babel-eslint」を.eslinrcから削除すると、問題/エラーはなくなりますが、eslintが機能しません。 ES6構文を使用しています。
更新:
私の解決策は、npmではなく糸を使用することでした。とりあえず問題は解決しました。
次のコマンドを実行して、babel-eslint
のバージョンを7.2.3または8.0.1に修正します。
npm install --save-dev [email protected]
または:
npm install --save-dev [email protected]
これらの.eslintrcルールは私のために問題を修正しました:
rules : {
"template-curly-spacing" : "off",
"indent": ["error", 2, {
"ignoredNodes": ["TemplateLiteral"]
}]
}
@ Vasan が言及したように、具体的には issue 530、これはコメントでした が問題の解決に役立ちました:
問題が間違った解析の原因である可能性が最も高いです。
import(`some_path/${variable}`) // issue exists
修正
import("some_path" + variable) // issue fixed