Typescript absolute module paths not compiling correctly

Question

I am relatively new to typescript so maybe I am missing something here or don't fully understand the concept. In tsconfig I have defined the following in compilerOptions:

{
  baseUrl: ".",
  paths: {
    "*": ["server/*"]
  }
}

Assuming the following directory structure:

+ server
|  + routes
|  |  + util
|  |  - config.routes.ts
|  - route_file.ts
-tsconfig.json

If I import a module exported by route_file.ts in config.routes.ts:

import * as routes from 'routes/route_file.ts';

Typescript resolves the path without issue. The compiled JS, however, requires the module with the same literal path:

const routes = require('routes/route_file')

This is obviously a problem because the module will not be found as the path should be ../route_file. My project has quite a few sub directories and I was hoping to get away from ../../../ if possible. Is there a way to make the compiler check the directory of the importing file and update the require path relative to that file?

Have you tried to import from an absolute path like '/server/route_file'? — Davide Perozzi
– Davide Perozzi, Commented Dec 23, 2016 at 23:00
Hi @Zofskeez, I had the same question and found an answer, maybe this can be of some help : stackoverflow.com/questions/43657948/… — Jacks
– Jacks, Commented May 10, 2017 at 8:01

Kalle · Accepted Answer · 2017-01-15 12:23:06Z

3

The problem here is that the tsconfig only tells the typescript compiler where to find the type information. The resolving of the paths is a task for the bundler like webpack. Or the runtime executing the JavaScript.
If you want to have a look on a working configuration with webpack you can check out a sample with react I set up a few weeks ago https://github.com/kaoDev/react-ts-sample

edited Jan 15, 2017 at 12:23

answered Dec 25, 2016 at 17:40

Kalle

3,9471 gold badge21 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

Typescript absolute module paths not compiling correctly

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