Cannot use vscode workspace path for next js 13 project

Question

I am currently getting a TypeScript error shown in the thread below despite having the most recent TypeScript and react types versions on my project (TypeScript 5.2.2 and @types/react 18.2.21:

Next 13 — client and async server component combined: 'Promise<Element>' is not a valid JSX element

I then saw the below thread so I tried using a TypeScript workspace version since my VS code version is on 4.5.4

async server component throwing error with new typescript version

I am now getting this error. I have checked to make sure the file is in my project and reloaded my vscode window:

/Users/abuhelos/Desktop/project/node_modules/typescript/lib/tsserver.js doesn't point to a valid tsserver install. Falling back to bundled TypeScript version.

I also tried making a .vscode file for my project:

How to use TypeScript version defined in settings.json by default in VSCode?

Here is my settings.json file:

{
    "workbench.editor.closeOnFileDelete": true,
    "typescript.enablePromptUseWorkspaceTsdk": true,
    "typescript.tsdk": "./node_modules/typescript/lib"
}

.vscode is a folder. Please post your full settings.json — Amir Hossein Baghernezad
– Amir Hossein Baghernezad, Commented Sep 18, 2023 at 19:44
Just added settings.json. Will try removing node_modules/npm install in a bit will let you know how that works out. — abuhelos
– abuhelos, Commented Sep 18, 2023 at 22:03

Amir Hossein Baghernezad · Accepted Answer · 2023-09-18 19:50:03Z

0

Looks like you are mixing package mangers (like yarn and pnpm).

Remove the node_modules and try to reinstall everything using only npm install and then try again.

answered Sep 18, 2023 at 19:50

Amir Hossein Baghernezad

4,15429 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

abuhelos Over a year ago

This did not work. I deleted my node_modules and yarn.lock file, used npm install, and then refreshed my vscode window, getting the same error.

Collectives™ on Stack Overflow

Cannot use vscode workspace path for next js 13 project

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related