Search code examples
javascripttypescriptcompilation

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

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". enter image description here enter image description here

Solution

  • 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