eslint自定义规则-禁用jsx语法中的特定html元素

文章/答案/技术大牛

发布

1回答

reactjs、eslint

我想知道如何创建自定义规则，在其中我可以用jsx语法定义fobidden html元素。例如，我希望确保只使用我的ui库中的<Button />和<Input />组件。如果<input>或<button> html元素在jsx中使用，eslint应该会抛出一个错误。

浏览 35提问于2021-09-29得票数 0

回答已采纳

3回答

未知属性密钥找到react/no-未知属性

next.js、key、eslint、vercel

当我将我的nextjs应用上传到vercel时，我收到了这个错误，请帮我解决。

浏览 10提问于2022-09-03得票数 0

1回答

编写反应代码的VSCode IDE中的问题

reactjs、visual-studio-code

我刚刚开始用VScode编写一些代码，但是在创建了一个基于的"“默认项目之后。我在打开APP.JS时有一些VS代码的警告，如下所示。你介意告诉我为什么我会收到这些警告吗？在我的代码中，什么是对的，什么是错的，我很困惑。

浏览 0提问于2018-10-05得票数 1

回答已采纳

1回答

将eslint配置为只报告插件特定的错误

eslint

可以将eslint配置为只报告特定的错误子集，而不显式地将所有其他规则设置为false。我的用例是，我希望有一个单独的报告a11y相关的错误来自eslint-plugin-jsx-a11y"lint": "eslint ., disable other js style related rules },这几乎是

浏览 3提问于2021-04-01得票数 0

2回答

响应特殊的ESLint错误:禁止道具传播

javascript、reactjs、eslint

HOC非常通用，所以我不能真正指定传入的选项/道具，因为它是动态的，取决于这个HOC在任何给定时间包装的组件。

浏览 13提问于2020-08-07得票数 1

回答已采纳

2回答

eslint:如何禁用某些“eslint-禁用-”语法？

javascript、node.js、eslint、eslint-config-airbnb

在我们工作的项目中，我们有充分的理由使用相当严格的回避规则。有时我们需要打破其中一条规则，因此我们会禁用一条针对特定行的规则。例如：在这种情况下，我们使用eslint-disable-line语法和我们希望禁用的特定规则，

浏览 9提问于2017-09-03得票数 4

回答已采纳

2回答

在运行Jsx-a11y的linter时，它会检查我尚未指定的配置

reactjs、eslint

下面是我的eslint文件的样子(仅相关配置) "plugins": [ ], "jsx-a11y/anchor-is-valid": 2, // HTML <a> element, with a valid href attribute "jsx-a11y

浏览 0提问于2020-03-10得票数 0

2回答

Eslint内联注释允许在javascript文件中使用双引号

javascript、json、eslint

我希望将其保留为有效的JSON，并使用双引号。Eslint要求在javascript文件中使用单引号，我不想在全局范围内改变这一规则。我如何告诉eslint inline允许在给定代码块内使用双引号，而不在每行末尾放置//eslint-disable-line？我尝试将以下内容放在文件的顶部，但没有成功：var sampleData = [

浏览 7提问于2016-02-03得票数 3

4回答

标签的EsLint规则

javascript、reactjs

我的esLint规则： "jsx-a11y/label-has-for": [ 2, { "required": { type="chec

浏览 172提问于2019-01-31得票数 17

回答已采纳

2回答

错误:迭代器react/jsx-key中缺少元素的"key“支柱

reactjs、next.js

错误:迭代器中缺少元素的“键”支柱/jsx-键信息-需要禁用一些ESLint规则吗？<div dangerouslySetInnerHTML={{ __html

浏览 3提问于2022-07-12得票数 1

回答已采纳

3回答

如何将`props.children`转换为JSX元素？

reactjs、typescript

通向const MyComponent = (props: React.PropsWithChildren) => {} 但是，我触发了eslint: reac

浏览 44提问于2022-08-08得票数 1

回答已采纳

2回答

Eslint jsx-报价规则不起作用

jsx、eslint

eslint jsx-引号规则在visual studio代码中不起作用。: ["error", "single"] "extends": "eslint:recommended"我的其他规则都起作用了。jsx未抛出错误的示例：

浏览 12提问于2017-03-04得票数 3

2回答

如何在webpack中禁用“严格”模式？

reactjs、webpack、babeljs

我买了一个react组件包，附带了这个复杂的webpack配置，实际上直到我解决了一些严格的语法规则，如空格、逗号、单引号等，我才让我编译……ANd这是我的大型webpack.config.dev.js: require.resolve('react-dev-utils/eslintFormatter'),

浏览 4提问于2019-04-12得票数 1

12回答

对某一特定线路关闭静音规则

javascript、jshint、eslint

为了关闭JSHint中特定行的行线规则，我们使用以下规则：$scope.someVar = ConstructorFunction(); /* jshint

浏览 9提问于2015-01-01得票数 1772

回答已采纳

1回答

错误“NODE_ENV”未定义为no-undef eslint。

javascript、webpack、webpack-2、eslint

我使用webpack的DefinePlugin在编译时替换NODE_ENV变量。我正在使用eslint进行代码格式化。eslint加载程序： test: /\.jsx?$/, // both .js and .jsx include: path.resolveoptions: {

浏览 3提问于2017-05-28得票数 1

回答已采纳

2回答

React-Native应用程序中的ESLint /漂亮/赫斯基缩进问题

typescript、react-native、eslint、prettier

我有一个问题，当我提交的时候，我让赫斯基检查缩进错误/常见错误(比如没有使用道具...等)。我的应用程序是TypeScript React-Native应用程序。spaces but found 2 indent我的VSCode设置为2个空格，我的eslint.rc规则是"indent": [&quo

浏览 1提问于2020-05-05得票数 0

1回答

如何在eslint规则中添加异常？

javascript、eslint

我试图在我的eslint配置文件中使用linting规则-- 不允许多个空格(无多个空格)。我使用的是最新版本的eslint。它会在这里失败，这是非常好的。但在这种情况下也会失败。var React = require('react'); var ReactRouter = require('

浏览 1提问于2016-06-05得票数 11

回答已采纳

2回答

如何在vim中添加作为javascript文件类型的react，并启用裁剪、自动完成？

javascript、vim、reactjs、eslint

我最近开始使用Vim，我希望在Vim中将具有.jsx扩展名的文件设置为.js java脚本文件。另外，我还想用我的.jsx文件启用es-linting，代码段。我已经在我的系统中安装了以下软件包npm install -g babel-eslint npm install -g eslint-plugin-react我还安装了Bundle 'mxw/vim-js

浏览 5提问于2016-01-03得票数 7

回答已采纳

1回答

如何使用ts标准禁用整个ESLint项目的TypeScript规则？

typescript、eslint、standardjs

在我的TypeScript项目中，我使用节点模块"typescript“和"ts-standard”。作为IDE，我使用带有"StandardJS - JavaScript标准样式“扩展的Visual代码。在其设置中，"Engine“设置为"ts-standard”。要对一行禁用特定的ESLint规则，我可以将/* eslint-disable-next-line padde

浏览 34提问于2022-03-26得票数 4

1回答

在eslintrc.json中关闭eslint规则

reactjs、eslint、eslintrc

我试图在jsx-a11y/anchor-is-valid中禁用eslintrc.json。根据，相关的规则块如下所示： "rules": { "components"noHref", "invalidHref", "p

浏览 1提问于2018-10-02得票数 13

回答已采纳

点击加载更多