Added post about intellisense

This commit is contained in:
Mike Conrad
2025-02-27 09:04:26 -05:00
parent 96e7bf869d
commit 734c184c46
4 changed files with 39 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

View File

@ -0,0 +1,32 @@
---
title: "Playwright Intellisense Issues Vscode"
date: 2025-01-18T08:56:28-05:00
author: Mike Conrad
tags:
- Playwright
- E2E
- VScodium
- TypeScript
- Intellisense
---
I maintain a number of Playwright tests for work and recently ran into a frustrating issue. I set up my new desktop recently and everything was running great but I was having issues getting intellisense to work for my Playwright stuff. At the top of all of my tests I was getting the dreaded:
```shell
Cannot find module '@playwright/test' or its corresponding type declarations.ts(2307)
```
error when hovering over:
```typescript
import { expect, test } from '@playwright/test';
```
I did a bunch of searches online that mention making sure Playwright is installed properly using `npx playwright install`. In my case I knew everything was set up and we use yarn workspaces for our project anyway. Well fortunately all of this was working on my Thinkpad so I started trying to compare everything. I had the Playwright extension installed already. I use [VSCodium](https://vscodium.com/) instead of VSCode but that doesn't matter in this case. Then I wondered if maybe, just maybe it was a TypeScript issue so I looked at the version running on my Thinkpad. It was an older version than what was running on my desktop. I switched it on my desktop to use the workspace version and voila, everything started working!
In case you are curious, the version I was having problems with was `TypeScript 5.7.2` and the version that works for me is `TypeScript 5.5.4-sdk`.
![VScodium TypeScript Settings](/images/codium-typescript-playwright-issue-min.png)
If you aren't sure how to change this setting, open a TypeScript file in your editor and look for `TypeScript` in the lower right hand toolbar. Their should be a pair of `{}` next to it. Clicking the `{}` will open the menu.
![VScodium TypeScript Settings](/images/codium-typescript-settings-min.png)
This is the same for VSCode as well.