Breaking News: Grepper is joining You.com. Read the official announcement!

parsing error: unexpected token eslint typescript

Add Answer

Mappy Show answered on May 7, 2022 Popularity 10/10 Helpfulness 6/10

answer parsing error: unexpected token eslint typescript

related Parsing error: Unexpected token <eslint

related Parsing error: Unexpected token eslint

parsing error: unexpected token eslint typescript

Comment

1.//solved including eslintrc.json inside project root with it's configuration.
// example:
{
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaVersion": 2018,
    "sourceType": "module"
  },
  "extends": ["plugin:@typescript-eslint/recommended"],
  "env": { "node": true },
  "rules": {
    "indent": "off",
    "@typescript-eslint/indent": "off",
    "@typescript-eslint/explicit-function-return-type": "off"
  }
}

2.// You need to configure eslint to support typescript 
// as eslint doesn't support it out of the box. 
// First, you need to install @typescript-eslint/parser and 
// then @typescript-eslint/eslint-plugin. Once you have installed these, 
// simply update your config as follows-

module.exports = {
    'env': {
        'browser': true,
        'es2021': true,
        node: true
    },
    'extends': [
        'eslint:recommended',
        'plugin:vue/vue3-essential'
    ],
    'parserOptions': {
        'ecmaVersion': 12,
        'sourceType': 'module',
        parser: '@typescript-eslint/parser'
    },
    'plugins': [
        'vue',
        '@typescript-eslint'
    ],
    'rules': {
        'vue/multi-word-component-names': 'off',
        'vue/object-curly-spacing': [2, 'always'],
        'vue/html-closing-bracket-spacing': [2, {
            'selfClosingTag': 'always'
        }],
        'vue/max-attributes-per-line': [2, {
            'singleline': {
                'max': 1
            },
            'multiline': {
                'max': 1
            }
        }],
        'semi': [2, 'never']
    }
}

3. //added this to my package.json:

  "eslintConfig": {
    "extends": [
      "react-app"
    ]
  },

// create-react-app --template typescript generates a package.json with this in it.

Popularity 10/10 Helpfulness 6/10 Language typescript

Source: Grepper

Tags: eslint typescript unexpected-token

Link to this answer
Share Copy Link

Contributed on May 07 2022

Mappy Show

0 Answers Avg Quality 2/10

Closely Related Answers

Parsing error: Unexpected token <eslint

Comment

Just add online line in eslintc.json

//include eslintrc.json 
{
......
parser: 'babel-eslint',

}

Popularity 9/10 Helpfulness 5/10 Language whatever

Source: Grepper

Tags: unexpected-token unex

Link to this answer
Share Copy Link

Contributed on Feb 08 2023

Fazle Rabbi

0 Answers Avg Quality 2/10

Parsing error: Unexpected token eslint

Comment

// error:
const o = {};
const a = o?.a; // Parsing error: Unexpected token .eslint

// solution for eslint config:
module.exports = {
  env: { es2021: true },
  parserOptions: { ecmaVersion: 12 },
  rules: {...},
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: eslint es

Link to this answer
Share Copy Link

Contributed on Aug 02 2022

AlexLas

0 Answers Avg Quality 2/10

parsing error: unexpected token eslint typescript

Contents

More Related Answers

parsing error: unexpected token eslint typescript

Closely Related Answers

Parsing error: Unexpected token <eslint

Parsing error: Unexpected token eslint

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.