[help] cannot find imported module

[depapp]

hello everyone, I've tried to implement page object model for the playwright test, but I have an issue related to import module.

• here's my code

• folder structure

• error message Error: Cannot find module '/Users/user/open-source/flamethrower/test/home.page' imported from /Users/user/open-source/flamethrower/test/main.spec.ts

is there any missing configuration? thanks in advance for any help 🙏🏻

[sidwebworks]

@depapp You can't import a typescript file directly like a regular JS module, you'll have to add some sort of build step or directly execute the tests using vitest in that case it will automatically build your typescript code before running it.

[depapp]

thanks for the help @sidwebworks 🙇🏻 there are some import on the /lib dir https://github.com/fireship-io/flamethrower/blob/main/lib/main.ts#L1 and it's works.

but the import didn't works on /test dir. do I need to update the tsconfig.json file to solve this import issue @sidwebworks ? 🙏🏻

[sidwebworks]

Those imports only work after building the typescript files.

To fix the problem you're facing, first build the project then import the module from the build/output directory into your test.

[depapp]

noted @sidwebworks , thank you 🙇🏻

[sidwebworks]

Playwright is essentially just running chromium browser, just like you won't run typescript directly in the browser or Node its the same thing here.