Actualmente he agregado la capacidad de encadenamiento opcional a mi proyecto React.

Esto ahora funciona bien cuando ejecuto mi proyecto.

Pero cuando realizo npm run lint , todavía se queja de un Unexpected token por seguir la sintaxis.

 const myVar = value1?.value2?.value3;

Creo que tiene que ver con mi script de pelusa dentro del archivo package.json, que es el siguiente.

 "lint": "eslint --ignore-path .eslintignore --ext js,jsx,snap,md .",

¿Hay algo que deba modificar aquí?

Los siguientes son los cambios que tuve que hacer para poder usar el encadenamiento opcional. Por favor aconséjame.

Dentro de .babelrc

 { "plugins": ["@babel/plugin-proposal-optional-chaining"] }

Dentro de .eslintrc

 { "parserOptions": { "parser": "babel-eslint", "ecmaVersion": 2020 } }

Paquete interno.json

 "devDependencies": { .... others "@babel/plugin-proposal-optional-chaining": "^7.16.7", // added "babel-eslint": "^10.1.0", // added "eslint": "^7.5.0", // updated version "eslint-plugin-babel": "^5.3.0", // added },

Como referencia, estos son la mayoría de los scripts dentro de mi archivo package.json.

 "scripts": { ... other scripts "prebuild": "npm run clean", "build": "--clientConfig webpack/client.config.js --serverConfig webpack/server.config.js", "clean": "rimraf build", "lint": "eslint --ignore-path .eslintignore --ext js,jsx,snap,md .", "test:unit": "jest --testPathIgnorePatterns browser a11y", },