## 事象
以下のような構成で
```console
tests
├── example3.spec.ts
└── pages
└── TopPage.ts
```
`example3.spec.ts`
```ts
import { test as base } from "@playwright/test";
import { トップページ } from "./pages/TopPage";
```
となっており、[[VSCode]]でエラーが出ていないとき
```console
npx playwright test
```
が以下のようなエラーになる。
```console
Error: Cannot find module '${project_root}\playwright-svelte-sample\tests\pages\TopPage' imported from ${project_root}\playwright-svelte-sample\tests\example3.spec.ts
```
> [!info]
> `${project_root}`はプロジェクトルートパスのこと
[[TypeScript]]バージョンは4.9.4。
## 原因
#todo 不明。[[TypeScript 4.7]]で変更のあった[[ESモジュール (JavaScript)|ESモジュール]]周りではないかと予想。参考を見る
## 解決方法
`import`では`.js`拡張子まで指定する。
`example3.spec.ts`
```ts
import { test as base } from "@playwright/test";
import { トップページ } from "./pages/TopPage.js";
```
## 参考
- [typescript \- Playwright: Cannot find module \- Stack Overflow](https://stackoverflow.com/questions/73761114/playwright-cannot-find-module)
- [欅樹雑記: 最近のTypeScriptのES Modules対応事情](https://blog.zelkova.cc/2021/10/typescript-esmodules.html)
- [\[BUG\] Extension required when importing other files with type="module" · Issue \#13078 · microsoft/playwright](https://github.com/microsoft/playwright/issues/13078)