eslint - Optional chaining error with vscode

Question

I am seeing a a red underline when I'm using an optional chain, but the code runs fine as I am on node 14

Here's my setup:

node 14.1.0 eslint "^6.8.0" 

.eslintrc.js

module.exports = {     "env": {         "node": true     },     "extends": [         "eslint:recommended",     ],     "parserOptions": {         "sourceType": "module",         "ecmaVersion": 2020     },     "rules": {     }, } 

Answer 1

You no longer need @babel/eslint-parser as eslint@^7.5 now supports optional chanining.

Run the following to update eslint within your project:

npm

npm install --save-dev eslint@^7.5 

yarn

yarn add -D eslint@^7.5 

And then, ensure your config is as follows:

.eslintrc

{   "parserOptions": {     "ecmaVersion": 2020   } } 

.eslint.js

module.exports = {     "parserOptions": {         "ecmaVersion": 2020     } }  

See https://eslint.org/blog/2020/07/eslint-v7.5.0-released#optional-chaining-support for more information.