TypeScript relative module names resolution

Question

I use TypeScript 1.8 and have the following file structure:

src
  reducers
    index.ts
    someReducer.ts
  app.tsx

reducers/index.ts

import { combineReducers } from "redux";
import someReducer from "./someReducer";

const appReducer = combineReducers({
    someReducer
});

export default appReducer;

In app.tsx I am trying to import it like this:

import appReducer from "./reducers";

However, I get an error:

Cannot file module './reducers'

I checked the Modules Resolution article, which says that TypeScript will look into index.ts in the folder, but apparently it does not?

C Snover · Accepted Answer · 2016-03-27 18:32:00Z

2

index.ts will only be discovered and used if you are using --moduleResolution node, and it will only work at runtime if you are in Node.js or using a module loader that implements the same semantics as Node.js. (In other words, you are really better off explicitly specifying the file, instead of relying on Node.js-specific semantics.)

answered Mar 27, 2016 at 18:32

C Snover

19k5 gold badges32 silver badges39 bronze badges

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

3 Comments

Alexey Zimarev Over a year ago

How does it correspond with ES6 compatibility since this is the standard syntax there?

Alexey Zimarev Over a year ago

I added "moduleResolution": "node", t my tsconfig.json and it helped, thanks.

C Snover Over a year ago

ES6 does not define how module IDs are resolved. It only defines the module format. There is not currently any standard regarding how to actually resolve modules (the closest thing to an common interoperable standard is AMD; there is a WHATWG committee working on this separately).

Collectives™ on Stack Overflow

TypeScript relative module names resolution

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related