Questions tagged «eslint»

我已经安装了eslint-config-airbnb，它应该为React预配置ESLINT： 我们的默认导出包含我们所有的ESLint规则，包括ECMAScript 6+和React。它需要eslint，eslint-plugin-import，eslint-plugin-react和eslint-plugin-jsx-a11y。 我.eslintrc扩展了它的配置： { "extends": "eslint-config-airbnb", "env": { "browser": true, "node": true, "mocha": true }, "rules": { "new-cap": [2, { "capIsNewExceptions": ["List", "Map", "Set"] }], "react/no-multi-comp": 0, "import/default": 0, "import/no-duplicates": 0, "import/named": 0, "import/namespace": 0, "import/no-unresolved": 0, "import/no-named-as-default": 2, "comma-dangle": 0, // not sure why airbnb turned this on. …

102 javascript  reactjs  eslint  eslint-config-airbnb 

我有多个JavaScript文件，并且在文件中定义了一些全局变量，该全局变量先于其他变量加载。因此，在第一个文件之后加载的所有文件都可以访问全局变量。但是，ESLint将全局变量显示为“未定义”。我不想更改ESLint的规则，我想找到一种优雅的方法来摆脱这些错误消息。有什么线索吗？谢谢

100 javascript  variables  global  eslint 

我有一个主要目的是在DOM对象上设置属性的方法 function (el) { el.expando = {}; } 我使用AirBnB的代码风格，这使ESLint抛出no-param-reassign错误： 错误分配给功能参数“ el”的无参数重新分配 在符合AirBnB的代码风格的同时，如何操作作为参数传递的DOM对象？ 有人建议用/* eslint react/prop-types: 0 */指的是另一个问题，但如果我没有弄错的适用以及为反应，而不是原生DOM操作。 我也不认为更改代码样式是解决方案。我相信使用标准样式的好处之一是跨项目具有一致的代码，并且随意更改规则感觉就像滥用AirBnB这样的主要代码样式一样。 作为记录，我在GitHub上问了AirBnB，他们认为在这些有争议的案例＃766中该怎么办。

94 javascript  dom  eslint 

我想同时使用Prettier和ESLint，但是仅通过一个接一个地使用它们，我遇到了一些冲突。我看到似乎有这三个软件包可以让它们串联使用： prettier-eslint eslint-plugin-prettier eslint-config-prettier 但是，我不确定要使用哪个包名称，因为它们都包含eslint和prettier。 我应该使用哪个？

93 javascript  ecmascript-6  eslint  code-formatting  prettier 

我正在使用以下逻辑来获取给定密钥的i18n字符串。 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]; } 我在我的项目中使用ESLint。我收到以下错误： 不要从目标对象访问Object.prototype方法'hasOwnProperty'。这是“ no-prototype-builtins ”错误。 如何更改代码以解决此错误？我不想禁用此规则。

91 javascript  ecmascript-6  eslint 

ESLint在VS Code中不适用于我。我已经在VS Code中安装了插件，并且在我也已安装的package.json中将ESLint本身作为开发人员依赖项。 我在“ VS Code用户设置”中修改了以下选项： { "eslint.options": { "configFile": "C:/mypath" } } 我已经使用命令eslint --init将基本添加.eslintrc.json到包的主目录中。 其他人也可以使用完全相同的软件包和完全相同的ESLint配置文件从VS Code获得ESLint反馈。 当直接破坏建议规则集中包含的多个规则时，我没有收到任何反馈，默认情况下，.eslintrc.json文件包含在建议规则集中。 我想念什么？ 编辑：我已经通过命令行使用ESLint进行了测试，并且一切正常，发现错误应该在哪里，但是，这些错误从未在VS Code中显示。这个问题似乎是在VS Code方面，而不是ESLint。

88 javascript  visual-studio-code  eslint 

我有下一个代码，随便抛出： 反应/道具类型onClickOut; 道具验证中缺少 反应/道具型儿童；道具验证中缺少 propTypes 已定义，但eslint无法识别。 import React, { Component, PropTypes } from 'react'; class IxClickOut extends Component { static propTypes = { children: PropTypes.any, onClickOut: PropTypes.func, }; componentDidMount() { document.getElementById('app') .addEventListener('click', this.handleClick); } componentWillUnmount() { document.getElementById('app') .removeEventListener('click', this.handleClick); } handleClick = ({ target }: { target: EventTarget }) => …

87 javascript  reactjs  eslint  flowtype 

我已经设定eslint＆eslint-plugin-react。 当我运行ESLint时，linter会no-unused-vars为每个React组件返回错误。 我假设它没有意识到我正在使用JSX或React语法。有任何想法吗？ 例： app.js import React, { Component } from 'react'; import Header from './header.js'; export default class App extends Component { render() { return ( <div> <Header /> {this.props.children} </div> ); } } 短绒错误： /my_project/src/components/app.js 1:8 error 'React' is defined but never used no-unused-vars 2:8 error 'Header' is …

86 javascript  reactjs  jsx  eslint 

我使用React和ESLint用eslint-plugin-react。 我想disable在prop-types一个文件中的规则。 var React = require('react'); var Model = require('./ComponentModel'); var Component = React.createClass({ /* eslint-disable react/prop-types */ propTypes: Model.propTypes, /* eslint-enable react/prop-types */ render: function () { return ( <div className="component"> {this.props.title} </div> ); } });

84 reactjs  eslint 

我有以下组件会no-shadow在上触发ESlint错误FilterButton props。 import { setFilter } from '../actions/filter'; function FilterButton({ setFilter }) { return ( <button onClick={setFilter}>Click</button> ); } export default connect(null, { setFilter })(FilterButton); 如何在保持简洁语法mapDispatchToProps和ESlint规则的同时避免警告？ 我知道我可以添加注释以禁止显示警告，但是对每个组件执行此操作似乎都是多余且乏味的。

76 javascript  reactjs  redux  eslint  react-redux 

我已经为WebStorm项目指定了eslint配置。但这似乎不适用于代码重新格式化功能。例如，它继续格式化import { something } from 'somewhere'为import {something} from 'somewhere'。 有没有办法使WebStorm根据eslint配置格式化代码？

76 webstorm  eslint 

我正在使用Grunt作为构建工具，并使用ESLint作为正在处理的应用程序的整理工具。我也在使用Underscore Node软件包，并在我的应用程序中使用了它。不幸的是，当我在代码上运行ESLint时，它认为_是以下行中的未定义变量： return _.pluck(objects, nameColumn); 这是它给我的错误： 78:21 error "_" is not defined no-undef 我宁愿不对ESLint禁用no-undef规则，并且尝试安装Underscore插件，但仍然收到此错误。如果有人对尝试使用此方法有任何想法，我将不胜感激！ 如果有任何其他我想提供的信息可以帮助任何人帮助我解决这个问题，请告诉我！

73 javascript  angularjs  gruntjs  underscore.js  eslint 

Parsing error: Unexpected token =当我尝试整理Es6类时，ESLint引发错误。我缺少在eslint中启用胖箭头类方法的配置参数吗？ 范例类别： class App extends React.Component{ ... handleClick = (evt) => { ... } } .eslint { "ecmaFeatures": { "jsx": true, "modules":true, "arrowFunctions":true, "classes":true, "spread":true, }, "env": { "browser": true, "node": true, "es6": true }, "rules": { "strict": 0, "no-underscore-dangle": 0, "quotes": [ 2, "single" ], …

72 javascript  reactjs  ecmascript-6  eslint 

我有一个使用Typescript制作的简单Node / Express应用程序。护送给我错误 Missing file extension "ts" for "./lib/env" import/extensions 这是我的.eslintrc文件 { "extends": [ "airbnb", "plugin:@typescript-eslint/recommended", "prettier", "prettier/react", "plugin:import/errors", "plugin:import/warnings", "plugin:import/typescript" ], "parser": "@typescript-eslint/parser", "plugins": ["@typescript-eslint", "prettier", "import"], "settings": { "import/extensions": [".js", ".jsx", ".ts", ".tsx"], "import/parsers": { "@typescript-eslint/parser": [".ts", ".tsx"] }, "import/resolver": { "typescript": { "directory": "./tsconfig.json" }, "node": { …

33 node.js  typescript  eslint 

我正在做一个自定义的钩子，当状态发生变化时，它会带有一个togleg。 您应该能够传递数组中的任何状态。 import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => { setToggle(t => !t) }, [...dependencies]) return toggle } export default useFlatListUpdate 它应该用作 const toggleFlatList = useFlatListUpdate([search, selectedField /*, anything */]) 但这给了我以下警告 React Hook useEffect在其依赖项数组中具有一个split元素。这意味着我们不能静态地验证您是否已经传递了正确的依赖项。eslint（react-hooks / …

10 reactjs  react-native  eslint  react-hooks