question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Using VSCode, everytime I create a new tsx file I get an eslint error.

See original GitHub issue

Please make sure you have read the submission guidelines before posting an issue

Prerequisites

  • I am running the latest version
  • I checked the documentation (nx.dev) and found no answer
  • I checked to make sure that this issue has not already been filed
  • I’m reporting the issue to the correct repository (not related to React, Angular or any dependency)

Expected Behavior

Creating a new .ts .tsx file should give no eslint errors.

Current Behavior

Everytime I create a new file, I get an eslint error and need to reload the VSCode window.

Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser.
The file does not match your project config: /Users/username/Projects/dreamleads/apps/frontend/src/foo.tsx.
The file must be included in at least one of the projects provided.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
rarmateicommented, Feb 19, 2020

Thanks everyone, this seems to have been fixed in https://github.com/nrwl/nx/pull/2497

1reaction
asherccohencommented, Jan 29, 2020

Yes had this for quite a while…temporary fix for me is to restart vscode, hope the fix is released soon. Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to set up Eslint with Typescript in VS Code | Pavel Sušický
Learn how to make astonishing eslint configuration with typescript support in Visual Studio Code and CLI!
Read more >
ESLint in VSC not working for .ts and .tsx files - Stack Overflow
I have ESLint extension installed in VSC and it works fine for .js files. Now I've introduced Typescript to my React project, ESLint...
Read more >
Getting started with ESLint (and setting up VSCode) - YouTube
ESLint is now the standard linting tool for both #JavaScript and #TypeScript In this tutorial we look at setting up ESLint in an...
Read more >
TypeScript Programming with Visual Studio Code
The ESLint plugin guide details how to configure ESLint for your TypeScript projects.
Read more >
Setting ESLint on a React Typescript project (2022)
Step 1: Create a React Project with Typescript ... Error sample: JSX not allowed in files with extension '.tsx' ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found