TSLint not working in VS Code

Question

I added TSLint to my React/TypeScript project using the tslint VSCode extension. I also installed both typescript and tslint globally according to TSLint docs npm install -g tslint typescript

This is my tslint.json file:

{
  "extends": ["tslint:latest", "tslint-react"],
  "rules": {
    // override tslint-react rules here
    "jsx-wrap-multiline": false,
    "max-line-length": false,
    "no-implicit-dependencies": [true, "dev"],
    "no-var-requires": false,
    "indent": false
  }
}

If either answer helped, can you please mark one as accepted? (or comment if you'd like clarification) — ecraig12345, Apr 13 '18 at 03:28

ecraig12345 · Answer 1 · 2018-04-12T02:43:21.933

17

tslint-react is a tslint extension which has to be installed separately: npm install -g tslint-react. After installing, reload your VS Code window, and linting should work.

How I found the problem: I copied your config file into a project, went to View > Output to check for errors from the tslint process, and saw this. (be sure to select tslint from the dropdown near the top right)

edited Apr 12 '18 at 02:43

answered Apr 12 '18 at 02:37

ecraig12345

2,328
1
19
26

Thanks for sharing the output tslint trick. Found an issue there and fixed my `tslint.json`. – Adrian Moisa Feb 07 '19 at 16:27
I dont have the tslint option in outputs. – Souradeep Nanda Dec 17 '19 at 03:29

score 2 · Answer 2 · answered Apr 12 '18 at 02:49

Include the dependency in the package.json

This is package.json and its working for me.

{
  "name": "functions",
  "scripts": {
    "lint": "tslint --project tsconfig.json",
    "build": "tsc",
    "serve": "npm run build && firebase serve --only functions",
    "shell": "npm run build && firebase experimental:functions:shell",
    "start": "npm run shell",
    "deploy": "firebase deploy --only functions",
    "logs": "firebase functions:log"
  },
  "main": "lib/index.js",
  "dependencies": {
    "firebase-admin": "~5.11.0",
    "firebase-functions": "^1.0.0"
  },
  "devDependencies": {
    "tslint": "^5.8.0",
    "typescript": "^2.5.3"
  },
  "private": true
}

not worked for me, installed tslint, and there is tslint.json — Sunil Garg, Aug 22 '20 at 09:07

score 1 · Answer 3 · edited Feb 03 '21 at 06:57

1

Add the following in package.json "lint": "tslint --project tslint.json" fixed the issue for me.

edited Feb 03 '21 at 06:57

Mahbubur Rahman

4,961
2
39
46

answered Jul 05 '18 at 10:35

Tharun208

103
7

TSLint not working in VS Code

3 Answers3