Typescript: Import from nested modules

Question

I am running a react application. The code below does not work because of the following error message:

import = is not supported by @babel/plugin-transform-typescript Please consider using import <moduleName> from '<moduleName>'; alongside Typescript's --allowSyntheticDefaultImports option.

apiTypes.d.ts

declare module ModuleA {
    declare module ModuleB {
        export interface ModuleABInterface {
        }
    }
}

token.ts

import ModuleABInterface = ModuleA.ModuleB.ModuleABInterface
let test: ModuleABInterface

What would be the correct solution to import from nested modules?

So it is not possible to nest modules? Your answer is not helpful at all.. — mleister
– mleister, Commented Apr 19, 2021 at 14:58
Btw it looks like you just want a type alias, not an import. Use type ModuleABInterface = ModuleA.ModuleB.ModuleABInterface; let test: ModuleABInterface for that. — Bergi
– Bergi, Commented Apr 19, 2021 at 16:00
You can use it, it’s just babel cannot parse it. Problem is in your build tool, not source code. Use the official typescript compiler would solve the problem. — hackape
– hackape, Commented Apr 19, 2021 at 16:05

Bergi · Accepted Answer · 2021-04-19 15:59:47Z

3

It's impossible to nest ES6 modules. TypeScript namespaces (that were originally called "modules") can be nested, but should be avoided. And yes, it's impossible to import from them - you can only import the namespace object itself, using normal ES6 import declarations (not the deprecated import = syntax), then access their properties.

answered Apr 19, 2021 at 15:59

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

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

Collectives™ on Stack Overflow

Typescript: Import from nested modules

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