typescript eslint parsing error "]" expected

Question

Eslint unable to parse this typescript code.

export const swapKeyAndValue = <T extends { [index: string]: string }>(
    obj: T
) => {
    const newObj: { [prop: string]: string } = {}
    for (const prop in obj) {
        newObj[obj[prop]] = prop
    }
    return newObj as { [K in keyof T as T[K]]: K }
}

I cannot disable Eslint on this line, I have to exclude this file in Eslint config.

The code itself however works as expected.

Eslint config

module.exports = {
    root: true,
    env: {
        es6: true,
        node: true,
    },
    extends: [
        'eslint:recommended',
        'plugin:import/errors',
        'plugin:import/warnings',
        'plugin:import/typescript',
        'plugin:@typescript-eslint/recommended',
        'plugin:prettier/recommended',
    ],
    parser: '@typescript-eslint/parser',
    ignorePatterns: [
        'dist/**/*', // Ignore built files.
    ],
    plugins: ['@typescript-eslint', 'import'],
    rules: {
        'import/no-unresolved': 'off',
        '@typescript-eslint/explicit-module-boundary-types': 'off',
        '@typescript-eslint/no-explicit-any': 'error',
        camelcase: 'off',
    },
}

typescript: 3.9.7 eslint: 7.32.0

Have you tried closing and re-opening your IDE?

UCYT5040
– UCYT5040

2021-10-14 01:35:30 +00:00
Commented Oct 14, 2021 at 1:35 — UCYT5040
– UCYT5040, Commented Oct 14, 2021 at 1:35
I did, the error persist

Acid Coder
– Acid Coder

2021-10-14 01:40:55 +00:00
Commented Oct 14, 2021 at 1:40 — Acid Coder
– Acid Coder, Commented Oct 14, 2021 at 1:40
Can you share your eslint config please?

Timothy Jones
– Timothy Jones

2021-10-14 01:48:21 +00:00
Commented Oct 14, 2021 at 1:48 — Timothy Jones
– Timothy Jones, Commented Oct 14, 2021 at 1:48

Timothy Jones · Accepted Answer · 2021-10-14 01:51:30Z

2

Without the eslint config, it's hard to say for sure, but it sounds like eslint doesn't know that you're using typescript, or doesn't know what specific typescript options / version you're using.

I would ensure that you are using the latest versions of eslint + your typescript-eslint plugins, and have something like this in your eslint config:

  parser: '@typescript-eslint/parser',
  parserOptions: {
    project: './tsconfig.json',
  },

You can read more information about setting up eslint with typescript here

answered Oct 14, 2021 at 1:51

Timothy Jones

22.3k6 gold badges65 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Acid Coder Over a year ago

I already have this parser, eslint can parse the rest of my typescript with no problem, only this line has issue

Acid Coder Over a year ago

eslint config shared

Timothy Jones Over a year ago

Thanks. I don't see the parserOptions.project set, which you will definitely need. Also make sure that you have the latest version of eslint and all of the dependent plugins / config packages.

Acid Coder · Accepted Answer · 2021-10-14 02:30:27Z

2

solved by update @typescript-eslint/parser and @typescript-eslint/eslint-plugin to 5.0.0

answered Oct 14, 2021 at 2:30

Acid Coder

2,84224 silver badges29 bronze badges

1 Comment

Máxima Alekz Over a year ago

For me was to install "5.62.0" for both packages

Collectives™ on Stack Overflow

typescript eslint parsing error "]" expected

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related