ESLint Parsing error: Unexpected token

Unexpected token errors in ESLint parsing occur due to incompatibility between your development environment and ESLint’s current parsing capabilities with the ongoing changes with JavaScripts ES6~7.

Adding the “parserOptions” property to your .eslintrc is no longer enough for particular situations, such as using

static contextTypes = { ... } /* react */

in ES6 classes as ESLint is currently unable to parse it on its own. This particular situation will throw an error of:

error Parsing error: Unexpected token =

The solution is to have ESLint parsed by a compatible parser, i.e @babel/eslint-parser or babel-eslint for babel version below v7.

just add:

"parser": "@babel/eslint-parser"

to your .eslintrc file and run npm install @babel/eslint-parser --save-dev or yarn add -D @babel/eslint-parser.

Please note that as the new Context API starting from React ^16.3 has some important changes, please refer to the official guide.

Related Posts:

  1. React eslint error missing in props validation
  2. How to add a keyboard listener to my onClick handler?
  3. How to add a keyboard listener to my onClick handler?
  4. Expected ‘this’ to be used by class method
  5. JSX not allowed in files with extension ‘ .js’ with eslint-config-airbnb
  6. Invariant Violation: Objects are not valid as a React child
  7. Invariant Violation: Objects are not valid as a React child
  8. “SyntaxError: Unexpected token < in JSON at position 0"
  9. How to use Redirect in the new react-router-dom of Reactjs
  10. React.js: Set innerHTML vs dangerouslySetInnerHTML
  11. React – uncaught TypeError: Cannot read property ‘setState’ of undefined
  12. Understanding unique keys for array children in React.js
  13. How to do a redirect to another route with react-router?
  14. Jest spy on functionality
  15. Difference between npx and npm?
  16. Reactjs – Form input validation
  17. TypeScript React.FC confusion
  18. Error Running React Native App From Terminal (iOS)
  19. Axios Delete request with body and headers?
  20. Loop inside React JSX
  21. Can’t resolve module (not found) in React.js
  22. How to implement navbar using react
  23. Loop inside React JSX
  24. Understanding React-Redux and mapStateToProps()
  25. how to render a react component using ReactDOM Render
  26. React this.setState is not a function
  27. Console logging for react?
  28. Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag
  29. ‘react-scripts’ is not recognized as an internal or external command
  30. After $npm install, Getting Error: Cannot find module ‘../lib/utils/unsupported.js’
  31. React Native: this.setState is not a function
  32. In reactJS, how to copy text to clipboard?
  33. SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag
  34. What does the className attribute mean in JSX?
  35. What is prevState in ReactJS? [duplicate]
  36. React with ES7: Uncaught TypeError: Cannot read property ‘state’ of undefined
  37. React Hook Warnings for async function in useEffect: useEffect function must return a cleanup function or nothing
  38. Setting a backgroundImage With React Inline Styles
  39. React – TypeError: Cannot read property ‘props’ of undefined
  40. What is the difference between state and props in React?
  41. How to pass props to {this.props.children}
  42. OnChange event using React JS for drop down
  43. React Context vs React Redux, when should I use each one?
  44. Setting onSubmit in React.js
  45. How to import image (.svg, .png ) in a React Component
  46. Uncaught TypeError: Cannot read property ‘props’ of null
  47. How to refresh a Page using react-route Link
  48. React Error: Target Container is not a DOM Element
  49. How to implement authenticated routes in React Router 4?
  50. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  51. Console is throwing Unterminated JSX contents error
  52. How to scroll to an element?
  53. How to handle the `onKeyPress` event in ReactJS?
  54. setInterval in a React app
  55. Failed to compile. Module not found: Can’t resolve ‘react-router-dom’
  56. Expected linebreaks to be ‘LF’ but found ‘CRLF’ linebreak-style
  57. What does “export default” do in JSX?
  58. How to add multiple classes to a ReactJS Component?
  59. Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
  60. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  61. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  62. React.js – Can’t read property of undefined
  63. module.exports “Module is not defined”
  64. how to download file in react js
  65. Trying to use fetch and pass in mode: no-cors
  66. React’s setState method with prevState argument
  67. onEnter not called in React-Router
  68. Pass react component as props
  69. Uncaught TypeError: Cannot read property ‘call’ of undefined at __webpack_require__
  70. How to clear react-native cache?
  71. Async/await in componentDidMount to load in correct order
  72. Why use Redux over Facebook Flux?
  73. Local package.json exists, but node_modules missing
  74. react router v^4.0.0 Uncaught TypeError: Cannot read property ‘location’ of undefined
  75. Access Control Origin Header error using Axios
  76. Cannot read property ‘getHostNode’ of null
  77. Can’t perform a React state update on an unmounted component
  78. Eslint: How to disable “unexpected console statement” in Node.js?
  79. how to use react require syntax?
  80. onClick not working React js
  81. This.props.dispatch not a function – React-Redux
  82. React-Router : What is the purpose of IndexRoute?
  83. React router not showing browser history
  84. command not found: jest
  85. Jest encountered an unexpected token
  86. ReactJS – .JS vs .JSX
  87. ReactJS: Maximum update depth exceeded error
  88. React, Uncaught ReferenceError: ReactDOM is not defined
  89. How to allow CORS in react.js?
  90. Invariant Violation: _registerComponent(…): Target container is not a DOM element
  91. Uncaught ReferenceError: React is not defined
  92. What do these three dots in React do?
  93. What does “export default” do in JSX?
  94. Update style of a component onScroll in React.js
  95. where is create-react-app webpack config and files?
  96. Correct modification of state arrays in React.js
  97. Must use destructuring props assignment
  98. “React.Children.only expected to receive a single React element child” error when putting and in a
  99. Getting “Cannot call a class as a function” in my React Project
  100. Await is a reserved word error inside async function

Leave a Comment