Parsing errors on very basic JSX #225

mattdell · 2017-04-20T13:54:50Z

What version of TypeScript are you using?
2.2.2

What version of typescript-eslint-parser are you using?
2.1.0

What code were you trying to parse?

Component

import React from 'react';

const SearchResult = () => (
    <div />
);

export default SearchResult;

.eslintrc.js

module.exports = {
  "parser": "typescript-eslint-parser",
  "parserOptions": {
    "sourceType": "module"
  },
  "ecmaFeatures": {
    "jsx": true
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true,
    "mocha": true
  },
  "globals": {
    "__DEV__": false,
    "__TEST__": false,
    "__PROD__": false,
    "__COVERAGE__": false,
    "require": false,
    "sinon": false,
    "expect": false
  },
  "rules": {
  }
}

What did you expect to happen?
To parse, and then lint

What happened?

  4:9  error  Parsing error: '>' expected

I've been having this issue and decided to try a very basic example and it won't even parse the file. Any ideas?

The text was updated successfully, but these errors were encountered:

mattdell · 2017-04-20T13:55:50Z

I should add, this works fine in js and ts files.

soda0289 · 2017-04-20T13:58:27Z

You need to enable JSX in the parser option as well. That way the typescript parser can handle JSX tags.

    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true
        }
    },

Do you mean it parses correctly when the file extension is .js or .ts but fails when it is .tsx?

mattdell · 2017-04-20T14:04:03Z

@soda0289 thanks for the quick response 👍 That was it.

Strange, as I swear this used to work.

And sorry, I meant the ts files are linted fine but the jsx files are not. In other words, it's not the file extension it's the jsx within the tsx files.

trusktr · 2018-10-25T22:44:37Z

it's not clear that we have to do this. Mainly, I assumed that if there's no options mentioned in the README, then there's no options I should put in my eslintrc.

eslintbot added the triage label Apr 20, 2017

mattdell closed this as completed Apr 20, 2017

AdrienLemaire mentioned this issue Nov 22, 2018

import/no-named-as-default #564

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Parsing errors on very basic JSX #225

Parsing errors on very basic JSX #225

mattdell commented Apr 20, 2017

mattdell commented Apr 20, 2017

soda0289 commented Apr 20, 2017

mattdell commented Apr 20, 2017

trusktr commented Oct 25, 2018

Parsing errors on very basic JSX #225

Parsing errors on very basic JSX #225

Comments

mattdell commented Apr 20, 2017

mattdell commented Apr 20, 2017

soda0289 commented Apr 20, 2017

mattdell commented Apr 20, 2017

trusktr commented Oct 25, 2018