Cannot reference TSC v1.8 compilation

[SetTrend]

I'm not sure but it looks like an error to me:

I don't seem to be able to reference a TypeScript file transpiled with TSC v1.8.

I have set up a repository with a sample project and a description of the errors I get when I try to reference the transpiled JavaScript type definition file:

[vladima]

all.d.ts is not an external module but just a .d.ts file that contains declarations for three ambient modules.

declare module "_Base" {
    export default class _Base {
        protected element: HTMLElement;
        private _var;
        constructor(element: HTMLElement);
    }
}
declare module "Derived" {
    import _Base from "_Base";
    export default class Derived extends _Base {
        constructor(element: HTMLElement);
    }
}
declare module "Manager" {
    import _Base from "_Base";
    export default class Manager {
        private _provider;
        constructor(provider: _Base);
    }
}

as a consequence:

• it cannot be imported as is since the file itself is not a module
• it can be referenced to bring these 3 modules into scope.

// main.ts

/// <reference path="../../output/headers/all.d.ts" />
import Derived from "Derived";
import Manager from "Manager";

const d: Derived = new Derived(null);
const m: Manager = new Manager(d);

[SetTrend]

Thanks for enlightening me! 🍰

Yet, I'm surprised about the syntax. I've not seen this before:

import Derived from "Derived";
import Manager from "Manager";

Would you mind pointing me to where this is documented? I want to understand how this works.

[mhegazy]

you can find Module documentation at https://github.com/Microsoft/TypeScript-Handbook/blob/master/pages/Modules.md

[SetTrend]

The suggested solution doesn't appear to work. It creates false define() statements in the JavaScript file:

IMHO, import { module1.Identifier2, module2.Identifier1 module3.Identifier1 } from "./moduleFile" should be the only valid syntax here. It'll load the module file and import all the required modules and identifiers from there.

[mhegazy]

The suggested solution doesn't appear to work. It creates false define() statements in the JavaScript file:

what does "false define()" mean? can you provide the expected output?