VSCode ESLint extension giving error "Unexpected Token" for my javascript code

Question

I am using vscode with the ESLint extension.

I have node 16 installed and my eslint config is as follows...

{
    "env": {
        "node": true,
        "commonjs": true,
        "es2021": true
    },
    "extends": "eslint:recommended",
    "overrides": [
    ],
    "parserOptions": {
        "ecmaVersion": "latest"
    },
    "rules": {
        "no-unused-vars": "off"
    }
}

I have the following javascript code...

async function func1 (val) {
  console.log(val);
}

await func1("blah");

The last line of code is giving the error...

Parsing error: Unexpected token func1

Why is this error occuring?

https://stackoverflow.com/questions/50285821/eslint-parsing-error-unexpected-token-function-with-async — Konrad, Dec 30 '22 at 18:58
This did not resolve, as my eslint options already have the latest parser version set. — Scorb, Dec 30 '22 at 19:35
At a guess, this is due to top level `await`. But that should be okay in the latest ESLint. — Ouroborus, Dec 30 '22 at 19:46

score -1 · Answer 1 · answered Dec 30 '22 at 20:31

-1

If you are using ESLint >= 8.0, in your config file, replace "es2021" with "es2022":

{
    "env": {
        "node": true,
        "commonjs": true,
        "es2022": true
    },
    "extends": "eslint:recommended",
    "overrides": [
    ],
    "parserOptions": {
        "ecmaVersion": "latest"
    },
    "rules": {
        "no-unused-vars": "off"
    }
}

The reason is that you are using top-level await syntax, which was finalized in ES2022: https://eslint.org/blog/2021/10/eslint-v8.0.0-released/#highlights.

answered Dec 30 '22 at 20:31

GOTO 0

42,323
22
125
158

My config file is clearly posted in the question and indicates I already have es2021 defined. – Scorb Dec 30 '22 at 22:41
@Scorb That's the error. Please, re-read my answer. – GOTO 0 Dec 30 '22 at 22:58

VSCode ESLint extension giving error "Unexpected Token" for my javascript code

1 Answers1