Module not found without '.js' in the end of import filepath

Question

I think solution is not hard, I've just something obvious.

I have a simple project on TS. Without any modules, just TS for compilation. TS-files compiling into js-files at dist folder, and than they all connect into app.js(ts), which connect at index.html(structure of project you can see on photo).

When files compilated, there aren't any errors, but browser can't find imported files, until I edit this:

import { ProjectList } from "./components/project-list";

to this:

import { ProjectList } from "./components/project-list.js";

in compiled js files.

Why it do not working without '.js'!?

At index.js I specify script type="module".

That's how it's supposed to work with ES modules, see e.g. nodejs.org/dist/latest-v13.x/docs/api/…, github.com/microsoft/TypeScript/issues/… — jonrsharpe
– jonrsharpe, Commented Aug 12, 2022 at 14:47
If you don't want the .js then rename validation.js into index.js and put it inside a folder named validation — evolutionxbox
– evolutionxbox, Commented Aug 12, 2022 at 14:54

Fadi Hania · Accepted Answer · 2022-08-12 15:33:14Z

0

This answer might help you, https://stackoverflow.com/a/45934667/4518630

Just use import { ProjectList } from "./components/project-list.js"; in your TypeScript code and it should work

edited Aug 12, 2022 at 15:33

answered Aug 12, 2022 at 14:58

Fadi Hania

7234 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Module not found without '.js' in the end of import filepath

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related