加载规则‘@typescript eslint/dot-notation’时出错
加载规则‘@typescript-eslint/dot-notation’时出错是指在使用TypeScript进行代码开发时，使用了ESLint进行代码规范检查，并且在配置文件中引入了名为‘@typescript-eslint/dot-notation’的规则时出现了错误。
@typescript-eslint/dot-notation规则是用于检查代码中是否使用了点符号（.）来访问对象属性，而不是使用方括号（[]）的方式。这个规则的目的是为了提醒开发者使用一致的方式来访问对象属性，以增加代码的可读性和维护性。
加载规则‘@typescript-eslint/dot-notation’时出错可能有以下几种原因和解决方法：
- 未安装相关依赖：首先需要确保项目中已经安装了相关的依赖包。可以通过运行以下命令来安装依赖：
- 未安装相关依赖：首先需要确保项目中已经安装了相关的依赖包。可以通过运行以下命令来安装依赖：
- 配置文件错误：检查项目中的ESLint配置文件（通常是.eslintrc.js或.eslintrc.json）中是否正确引入了‘@typescript-eslint/dot-notation’规则。确保配置文件中的rules部分包含了正确的规则引入，例如：
- 配置文件错误：检查项目中的ESLint配置文件（通常是.eslintrc.js或.eslintrc.json）中是否正确引入了‘@typescript-eslint/dot-notation’规则。确保配置文件中的rules部分包含了正确的规则引入，例如：
- 版本兼容性问题：检查项目中使用的ESLint、@typescript-eslint/eslint-plugin和@typescript-eslint/parser的版本是否兼容。可以尝试升级或降级相关依赖包的版本，以解决版本兼容性问题。
- IDE集成问题：如果使用的是集成开发环境（IDE）进行开发，例如VS Code，可能需要重新加载或重启IDE，以确保IDE正确加载了最新的ESLint配置。
总结： 加载规则‘@typescript-eslint/dot-notation’时出错是由于在使用TypeScript进行代码开发时，引入了ESLint的相关规则但配置有误导致的。解决方法包括安装相关依赖、检查配置文件、解决版本兼容性问题和重新加载IDE等。
相关·内容
1回答
我有一个非常烦人的问题，EsLint和更漂亮的人在做不同的事情.格式上更漂亮的是格式化与EsLint预期不同的代码，我在保存时启用了默认格式化程序。
例如，这一行代码
const actionAbove = findNodeInForm(this.form, (nodeAbove.data as FlowChartData).key.replace('Group', '').replace('Root', ''));
被标记为红色，当我解决它时，它看起来是这样的：
const actionAbove = findNodeI
浏览 3提问于2022-09-08得票数 2
启动一个新的应用程序时，我安装了eslint并使用以下配置对其进行了配置，但每次我创建enum时，它都会显示它已经定义好了。甚至是无意义的字符串。其他变量类型(const，var，let)没有这个问题。我可以禁用该规则，但我希望它适用于它实际上为真的情况。
{
"root": true,
"parser": "@typescript-eslint/parser",
"plugins": ["@typescript-eslint"],
"parserOptions": {
浏览 78提问于2020-09-19得票数 92
今天我运行eslint，两个脚本 "lint-staged": "lint-staged",
"eslint": "eslint --ext .tsx,.ts --fix ./src -c .eslintrc.js", 当我运行npm run eslint //我运行npm run lint-staged //它是正常的//它是错误的 lint-staged的结果； > lint-staged
❯ Running tasks for src/**/*.tsx
✖ eslint --fix [FAILED]
浏览 3167提问于2020-09-29得票数 20
2回答
我在项目中配置了eslint，但是它指向导入和导出错误。
我添加了插件配置：
"plugins": [
"@typescript-eslint"
"@typescript-eslint/tslint"
]
但是它产生了错误“未能加载插件@typescript eslint/tslint‘在’.eslintrc.json‘中声明:无法找到模块’tslint‘’
在devDependencies中添加了：
"@typescript-eslint/eslint-plugin": "^4.5.0",
浏览 5提问于2020-10-25得票数 0
回答已采纳
1回答
我看过更漂亮的文档，做了很多搜索，但不知道如何以我想要的方式配置角html文件。如果元素不超过一行的最大字符，我希望元素位于一行上，但如果它确实超过了最大值，那么每行只需要一个属性，如下所示。
所需格式：
<app-example-component [attribute1]="attribute1"></app-example-component>
<app-example-component
[attribute1]="attribute1"
[attribute2]="attribute2"
[a
浏览 0提问于2021-02-01得票数 1
回答已采纳
使用"react-scripts": "^4.0.3"样板创建项目，为了将 eslintrc.js 文件包含在“与类型记录的交互”项目中，我尝试了eslint --init，它创建了一个默认的eslintrc.js，下面是内容。
在全局中拥有eslint v. 7.32.0
eslintrc.js
module.exports = {
env: {
browser: true,
es2021: true,
},
extends: [
'eslint:recommended',
'plugin:r
浏览 4提问于2021-10-15得票数 1
回答已采纳
当我通过运行Storybook.js对生成的代码进行更改时，我会得到这个错误。以下是我所遵循的指示
但是，因为我要将StorybookJS添加到现有的项目中，所以我运行的唯一命令是：
$ npx -p @storybook/cli@next sb init --story-format=csf-ts
$ yarn add @storybook/addon-docs@next --dev
运行yarn storybook会产生此错误。
ERROR in ./src/stories/0-Welcome.stories.tsx
Module Error (from ./node_modules/e
浏览 3提问于2019-12-31得票数 2
回答已采纳
我在TypeScript中使用ESLint。当我尝试使用一些必需的参数创建函数类型时，ESLint显示错误eslint: no-unused-vars。 type Func = (paramA: number) => void这里，根据ESLint，paramA是未使用的变量。 我的.eslintrc.json文件 {
"env": {
"browser": true,
"es6": true
},
"extends": [
"eslint:r
浏览 220提问于2020-10-01得票数 2
回答已采纳
1回答
我有多个应用程序，我想要共享相同的eslint配置：
- project_root/
- app1/
- node_modules/
- eslint.rc
- app2/
- node_modules/
- eslint.rc
- app3/
- node_modules/
- eslint.rc
- eslint.rc
每个应用程序都有相同的配置：
module.exports = {
extends: [
'../.eslintrc'
浏览 3提问于2020-03-20得票数 10
2回答
我在一个角度项目中使用ESLint。
我在柏树文件夹(我的e2e测试)中设置了js文件，通过在.eslintrc.js文件中重写而具有不同的规则，如下所示：
module.exports = {
env: {
browser: true,
es6: true,
node: true
},
extends: ["prettier", "prettier/@typescript-eslint", "plugin:prettier/recommended"],
parser: "@typescript-e
浏览 2提问于2021-01-07得票数 2
回答已采纳
下面是我的.eslintrc.js文件的内容：
module.exports = {
parser: '@typescript-eslint/parser',
parserOptions: {
project: 'tsconfig.json',
sourceType: 'module'
},
plugins: ['@typescript-eslint/eslint-plugin'],
extends: [
'eslint:recomme
浏览 32提问于2022-02-22得票数 1
使用react-scripts启动react/typescript项目，添加一个具有以下内容的.eslintrc.json文件：
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"eslint:recommended",
"plugin:react/recommended",
"plugin:@typescript-es
浏览 3提问于2021-07-08得票数 1
回答已采纳
在将eslint升级到8之后，我在每个测试模块上得到了以下错误：
error Definition for rule 'jest/valid-describe' was not found jest/valid-describe
eslintrc.json的一部分：
{
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/recommended",
"plugin:import/errors",
浏览 9提问于2021-11-27得票数 8
回答已采纳
在使用WebStorm (可能还有其他JetBrains IDE)处理nx项目时，我一直收到以下错误：
错误:在加载规则‘@typescript-eslint/ loading thenable’时出错:您使用了一个要求生成parserServices的规则。因此，您必须为@typescript-eslint/解析器的"parserOptions.project“属性提供一个值。
我确实在parserOptions.project中定义了libs/mylibrary/.eslintrs.json
{
"extends": ["../../.eslintrc
浏览 10提问于2022-02-05得票数 1
回答已采纳
这是令人困惑的，因为我用一个.eslintrc.js设置了一个项目，该项目可以很好地格式化，但是我无法让它在另一个非常类似的设置上工作。这是那个文件：
我有更漂亮的设置作为格式化程序，VSCode设置为在保存时设置格式。但在格式化时，它似乎使用了VSCode中更漂亮的设置页面中的规则，而不是eslintrc文件中的规则。结果是，它以一种方式格式化代码，然后抛出一个linting错误，因为它的格式化方式不遵循规则。我知道这是愚蠢的事情，但我不知道如何使它使用ESLint设置格式。
我是eslintrc.js
module.exports = {
env: {
browser
浏览 3提问于2021-03-28得票数 1
回答已采纳
在一个新项目中，我安装了typescript、eslint、@typescript-eslint/parser、@typescipt-eslint/eslint-plugin。我还添加了以下.eslintrc文件：
{
"parser": "@typescript-eslint/parser",
"plugins": ["@typescript-eslint"]
}
以及以下tsconfig.json文件：
{
"compilerOptions": {
"strict": tru
浏览 3提问于2019-07-28得票数 9
回答已采纳
1回答
我正在使用一些旧的Sencha代码，这些代码是用旧风格的JavaScript编写的，我正在努力清理这些代码。这段代码太简单了，不能简单地拼写一个变量而看不到错误，因为没有任何东西被标记为全局的或未定义的。
我正在尝试使用ESLint来解决这个问题。ESLint正在有效地发现其他问题，比如var而不是let或const，==而不是===等等。但是，应该标记为未声明或全局的变量却被轻率地忽略了。例如：
'use strict';
Ext.define('mycompany.view.blah.blah.blah', {
extend: 'Ext.P
浏览 17提问于2022-05-03得票数 1
回答已采纳
我想使用ignoreParameters选项设置为false的this rule。我的eslint是使用.eslintrc.json文件配置的，我无法找到如何在此文件中为规则设置选项。我已经查看了文档和谷歌，我查看了this question，但我找不到如何使用eslint和.eslintrc.json文件为规则设置选项的示例。 以下是我尝试添加此规则之前的.eslintrc.json文件(规则已应用，但使用默认选项，而不是我想要的选项)： {
"parser": "@typescript-eslint/parser",
"extends
浏览 153提问于2020-01-15得票数 1
回答已采纳
我想知道，在lambdas中，是否有可能只对数组或对象进行析构时关闭typedef规则？
getPersonsNames(): string[] {
type Person = { name: string; age: number };
const persons: Person[] = [
{ name: `Jan Kowalski`, age: 12 },
{ name: `Justyna Kowalczyk`, age: 22 }
];
return persons.map(({ name }) => name);
浏览 3提问于2020-10-02得票数 2
回答已采纳
我想让data!.id
错误：
警告禁止非空断言@typescript-eslint/no-null断言
当前配置：
module.exports = {
parser: '@typescript-eslint/parser',
extends: [
'eslint:recommended',
'plugin:jsx-a11y/recommended',
'plugin:@typescript-eslint/eslint-recommended',
'plugin:@typescr
浏览 2提问于2020-02-20得票数 32
回答已采纳
3回答
我有一个项目，既漂亮和eslint安装。问题是，当我保存一个文件时，eslint会自动更改文件的格式，而且它似乎有一些规则与更漂亮的规则冲突。解决方案是什么？
这是更漂亮的格式：
保存后，文件将更改为：
这也是eslintrc文件
{
"parser": "@typescript-eslint/parser",
"extends": [
"plugin:react/recommended",
"plugin:@typescript-eslint/recommended",
浏览 1提问于2020-08-01得票数 9
回答已采纳
我已经创建了一个反应应用程序从创建反应应用程序入门指南与--template typescript。
我已经将我的配置扩展到使用ESLint。
package.json：
{
"eslintConfig": {
"extends": ["react-app", "shared-config"],
"rules": {
"additional-rule": "warn"
},
"overrides": [
{
浏览 4提问于2020-09-28得票数 5
回答已采纳
1回答
有可能禁用eslint无承诺执行器-返回吗？
我的文件.eslintrc
{
"env": {
"es6": true,
"node": true
},
"extends": [
"airbnb-base"
],
"globals": {
"describe": true,
"it": true,
"expect": true,
"beforeEach": tr
浏览 6提问于2022-10-11得票数 0
回答已采纳
我想禁用没有未使用的参数警告，但保留“未使用的vars”警告。 对于此代码： const Query = objectType({
name: 'Query',
definition(t) {
t.field('test', {
type: 'Test',
resolve: (root, args, ctx) => {
const x = 1
return { id: 1, time: new Date().toString() }
},
})
浏览 224提问于2020-09-25得票数 17
回答已采纳
3回答
我不知道如何解决这个问题。我进口商品的开头总是用红线划线。它抱怨没有为指定的规则找到定义。我希望保持这一规则，因为它似乎将是有用的。
。
对于我的.eslintrc.js文件，设置了以下规则：
`
module.exports = {
env: {
browser: true,
node: true
},
extends: [
'eslint:recommended',
'plugin:@typescript-eslint/eslint-recommended',
浏览 12提问于2019-11-28得票数 25
回答已采纳
我在我的项目中使用eslint和typescript-eslint来链接TypeScript代码。
对于firebase-admin提供的关于no-undef规则的导入，我有一个问题。
环境：
"firebase-admin": "9.4.1"
"eslint": "7.14.0"
"@typescript-eslint/eslint-plugin": "4.8.2"
"@typescript-eslint/parser": "4.8.2"
"typescri
浏览 27提问于2020-11-28得票数 0
回答已采纳
我想在我的应用程序中使用枚举：
export const enum typeEnum {
TVY = 'TVY',
USER = 'USER',
}
在npm运行webpack:构建，我得到以下错误：
12:111错误“typeEnum”已在上作用域无阴影中声明。
我在与此错误相关的几个链接上看到，解决方案是在eslint规则中添加以下内容：
"no-shadow": "off",
"@typescript-eslint/no-shadow": "error"
这就是我在.es
浏览 17提问于2020-10-21得票数 7
回答已采纳
我目前在Types或Interfaces中收到了一个关于函数参数的eslint警告。
执行以下操作：
type Test = {
fn: (param: string) => void
}
将导致以下警告：
'param' is defined but never used. Allowed unused args must match /^_/u.
下面是我的.eslintrc.json的样子：
{
"root": true,
"parser": "@typescript-eslint/parser",
&
浏览 5提问于2021-05-06得票数 4
我用ESLint和角v13。
在使用// @ts-ignore时，我得到了下面的链接错误
Do not use "// @ts-ignore" comments because they suppress compilation errors @typescript-eslint/ban-ts-ignore
@typescript-eslint似乎不推荐使用@ts-ignore。
有没有其他方法让TypeScript编译器忽略代码中的特定行？
浏览 37提问于2022-02-25得票数 0
回答已采纳
当我尝试部署我的Firebase云函数时，我会得到以下错误。
期望的行为:成功地部署函数。
错误：
错误:读取函数/Package.json时出错：
函数/lib/index.js不存在，无法部署云函数
完整日志：
名称@name-MacBook函数% firebase部署
===部署到“newtiktok-21570”.
我部署函数运行命令: npm -前缀"$RESOURCE_DIR“运行lint
函数@ lint /Users/name/Desktop/Yoveo/function eslint "src/**/*“
/Users/name/Desktop/Yoveo/
浏览 13提问于2020-11-22得票数 12
回答已采纳
1回答
我在visual 2019年使用ts和tsx。我已经在选项中启用了eslint，但在visual中仍然没有收到任何警告。
我看到VS在抱怨：
C:\Users\ME\AppData\Local\Microsoft\TypeScript\ESLint_placeholder_.js D:\Projects\General\General (tsconfig或jsconfig项目)无法找到模块‘eslint无浮动-承诺’ D：\Projects\General\General(tsconfig或jsconfig项目)
但我所有的搜索都找不到答案我该怎么做
这里是我的eslintrc的简写版本
{
浏览 10提问于2022-02-10得票数 0
1回答
我有一个vite 3+ vue 3+vue 3项目与volar扩展。我在一些.d.ts文件中定义了接口，我也安装了eslint，但是它抱怨找不到接口。如果我用以下方法禁用no undefined规则
"overrides": [
{
"files": ["*.vue"],
"rules": {
"no-undef": "off"
}
}
]
然后它起作用了，打字稿和沃拉没有任何问题。因此，这意味着埃斯
浏览 1提问于2022-10-20得票数 0
我发现了下面的重复错误：
必须适当地或显式地将承诺处理为被void void忽略。
使用此代码：
this.router.navigate(['/']);
路由器是像这样导入的：import { Router } from '@angular/router';，并在类的构造函数中分配。
我的eslint配置：
module.exports = {
extends: [
"plugin:@angular-eslint/recommended",
"eslint:recommended",
"
浏览 0提问于2021-04-13得票数 4
回答已采纳
我有一个冲突的规则。当我在多行JSX两边加上括号时，prettier报告了一个错误Delete `(` eslint (prettier/prettier)。
但是如果我去掉圆括号，我会得到另一个eslint错误Missing parentheses around multilines JSX eslint(react/jsx-wrap-multilines)
<ScreenLayout
content={( <--------- problems here
<Component
// any props...
/
浏览 1提问于2021-02-02得票数 4
我有一个ESLint的配置
{
"env": {
"browser": true,
"node": true,
"es2020": true
},
"extends": [
"airbnb-typescript/base",
"eslint:recommended",
"plugin:react/recommended",
"
浏览 4提问于2022-08-23得票数 0
1回答
.eslintrc.js
module.exports = {
root: true,
extends: [
'@react-native-community',
'standard-with-typescript',
'plugin:@typescript-eslint/recommended',
'plugin:jest/recommended',
'plugin:prettier/recommended',
'plugin:import/rec
浏览 1提问于2022-01-14得票数 1
回答已采纳
我在react app + typescript中遇到了奇怪的eslint问题。我正在使用样式化的组件，我需要为我的组件创建自定义的道具接口，我遵循了文档，当我像在文档中编写示例时，我得到了这个eslint错误？有人知道这是怎么回事吗？
*eslint gives error here StyledMenuButtonProps is defined but never used*
interface StyledMenuButtonProps {
opened: boolean;
}
*and here the error is StyledMenuButtonProps is not
浏览 15提问于2021-03-10得票数 0
每当我在重构时更改导出的成员名称时，我都会在编辑器(Visual Studio Code)中得到一个Module "x" has no exported member "y"。这非常方便，因为它帮助我知道哪些文件导入了导出的成员。但不幸的是，这个错误只出现在当前打开的文件中。 是的，我知道我可以重命名这个符号，这应该会改变引用它的每个文件。但我不会到处使用Visual Studio代码，我也不想依赖IDE linter来告诉我需要在哪里修复问题。我也希望在ESLint命令行界面输出中启用此功能。正因为如此，编辑器向我展示的内容才是对等的。 有关此错误在VSCo
浏览 69提问于2020-12-08得票数 1
回答已采纳
由于tslint很快就会被废弃，我正在尝试将tslint规则转换为eslint。
，这些都是我对tslint.的规则
{
"defaultSeverity": "error",
"extends": [
"tslint:recommended"
],
"jsRules": {},
"rules": {
"arrow-parens": false,
"interface-name": fal
浏览 14提问于2020-02-03得票数 1
回答已采纳
我试图将eslint-plugin-testing library添加到一个项目中，以捕获@testing-library/react测试中常见的错误。我已经跟踪了，但是我无法让它捕获测试文件中的错误。
例如，我手动打开no-debug规则，在一个.test.tsx文件中添加一个debug()语句，然后运行linter。它不会捕获文件中的任何错误。
如果我打破了其他插件的规则，它们就会被捕获，所以我怀疑我在配置中添加测试库插件的方式可能有问题。
package.json
{
"dependencies": {
"react": "16.12.
浏览 3提问于2020-05-15得票数 3
回答已采纳
我有一个TypeScript应用程序(4.0.x)，它包括以下软件包：
"@typescript-eslint/eslint-plugin": "^4.0.1",
"@typescript-eslint/parser": "^4.0.1",
"@vue/cli-plugin-eslint": "^4.5.4",
"eslint": "^7.8.1",
"eslint-plugin-jsdoc": "^30.3.1",
我的.eslint
浏览 4提问于2020-09-05得票数 1
回答已采纳
1回答
我有一个带有ESLint和更漂亮配置的vue项目，如下所示：
"@typescript-eslint/eslint-plugin": "^4.26.1",
"@typescript-eslint/parser": "^4.26.1",
"@vue/eslint-config-prettier": "^6.0.0",
"@vue/eslint-config-typescript": "^7.0.0",
"eslint": "^7.28.0"
浏览 30提问于2021-06-11得票数 2
回答已采纳
我正在尝试改编webgl javascript项目中的typescript。为此，我尝试从头开始构建一个typescript配置项目，并模仿包和.eslintrc.js。当您运行eslint --init时，系统会要求您提供项目的所有选项，如果您使用的是typescript，那么我将运行该命令，并且es-lint的行为与使用javascript和typescript时的预期一样。这些是我从头开始的工作typescript项目的package.json和eslintrc.js。 Package.json： {
"name": "typescripttrial2"
浏览 17提问于2020-06-15得票数 1
回答已采纳
我在使用ESLint CLI和--rule选项时遇到了问题。
# This is what I tried
eslint --rule "{no-console: error}" --fix-dry-run .
导致以下错误：
选项“规则”的无效值-预期类型对象，接收值：{no-控制台：。
使用--rule选项的正确方法是什么？我已经在本地安装了ESLint，并使用npx运行它。
Node.js版本14.15.0
ESLint版本7.14.0
操作系统Windows 10
.eslintrc.js
module.exports = {
env:
浏览 8提问于2020-11-28得票数 1
回答已采纳
我已经将eslint添加到我的nestjs 7项目中，并与未使用的vars错误混淆。 我在模块、生命周期方法和服务上遇到错误。也得到了类型的错误 import { Controller, Get } from '@nestjs/common';
import {
HealthCheck,
HealthCheckService, ---> got here the the error
MongooseHealthIndicator, ---> got here the the error
} from '@nestjs/terminus
浏览 18提问于2020-10-18得票数 0
2回答
当我在主页上添加一个旋转木马时，我遇到了一个问题。我得到了错误：
“‘JSX”没有定义。
我一直在关注Stack溢出，GitHub和谷歌，他们都给出了一个相对接近的答案，但我不知道我可能做错了什么。
我的carousel.tsx文件如下
import * as React from "react";
import styled from "styled-components";
const SCarouselWrapper = styled.div`
display: flex;
`;
interface IProps {
children:
浏览 18提问于2022-02-27得票数 1
回答已采纳
为了设置摩纳哥编辑器实例，我想为自定义库添加一个类型文件。在挂载编辑器时，我调用：
public componentDidMount(): void {
languages.typescript.javascriptDefaults.addExtraLib(
typings,
);
}
变量typings通过以下方式加载：
// eslint-disable-next-line @typescript-eslint/no-var-requires
const typings = require("../../../
浏览 0提问于2020-05-09得票数 3
回答已采纳
2回答
我有.js文件(src/client/.)和.ts文件( src/server/. ))
我安装了以下软件包：
package.json
"eslint": "^5.11.1",
"eslint-config-airbnb-base": "^13.1.0",
"eslint-config-typescript": "^1.1.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-type
浏览 0提问于2019-01-01得票数 0
回答已采纳
15回答
我正在使用create app+ typescript + eslint应用程序，在构建过程中有这样的错误：
Line 1:8: 'React' was used before it was defined @typescript-eslint/no-use-before-define
组件中的代码以以下代码开头：
import React from "react";
Eslint设置：
module.exports = {
parser: "@typescript-eslint/parser",
parserOptions: {
浏览 26提问于2020-09-09得票数 183
回答已采纳
1回答
我正在将我的tslint转换为使用下面的
参考资料：
这是我的tslint.json文件：
我的eslint.json文件
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/recommended"
],
"parser
浏览 11提问于2020-12-16得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
