Блог

У меня был один файл с большим количеством модулей в нем. Я хотел разделить эти модули на разные файлы и предоставить их из исходного файла. Это связано с тем, что исходный файл имеет> 800 loc и становится очень сложным в управлении.

Итак, я создал файл, содержащий модуль с функциями и интерфейсами:

 export module Subsection1 {
    
    export interface Interface {
        id: string;
    }
    
    export function DoInterfaceStuff(obj: any) {
        return = <Interface>{ id: obj }
    }
}
 

У меня есть

 
import { Subsection1 as Subsection1Base } from "./Subsection1";


export module GodManager {

    export type Subsection1 = Subsection1Base amp; (typeof Subsection1Base);
    export var Subsection1 = Subsection1Base;

    var ObjByID = new Map<string, Subsection1.Interface>();
    export function DoThing(source) {
        ObjByID.set(source.id, Subsection1.DoInterfaceStuff(source.origin));
    }
}
 

ПРИМЕЧАНИЕ
Новое имя и переменная должны быть доступны извне для текущего класса, потому что я на самом деле загружаю Subsection1Base лениво (в основном, чтобы избежать циклической зависимости).

Ответ @Connor Low указал мне правильное направление, выделив правильную ошибку, но это фактическое решение вопроса.

Из этой проблемы github импортированные модули из других файлов могут быть import export Name = Value повторно экспортированы с использованием синтаксиса.

Итак, переписав пример кода, решение:

 import { Subsection1 as Subsection1Base } from "./Subsection1";


export module GodManager {

    export import Subsection1 = Subsection1Base;

    var ObjByID = new Map<string, Subsection1.Interface>();
    export function DoThing(source) {
        ObjByID.set(source.id, Subsection1.DoInterfaceStuff(source.origin));
    }
}
 

И все это работает!

Прелюдия

Вопрос изменил код примера, но первоначально они экспортировали module
и interface с тем же именем и попытался сослаться module на контекст, в котором interface действителен только . Хотя не обязательно неправильно разделять имя между двумя разными объявлениями отдельных языковых конструкций, это скрывало истинную проблему, с которой они столкнулись (см. Оригинальный ответ ниже).

Оригинальный ответ

Если мы очистим имена ваших типов, мы сможем довольно быстро выяснить, что здесь не так.

В TriggerEvent мы переименовываем интерфейс Trigger в ITrigger :

 export interface ITrigger {
    // ..
}

export module Trigger {
    //...
    
    export function Serialise(restoredEvent: ITrigger) {
        //...
    }
}
 

Теперь ActionManager мы можем увидеть, что пошло не так:

 import { Trigger as TriggerBase } from "./TriggerEvent";

export module ActionManager {

    type Trigger = TriggerBase amp; (typeof Trigger); 
    //             ^^^^^^^^^^^
    // ERROR - Cannot use namespace 'TriggerBase' as a type.
    var Trigger = TriggerBase;

    var EventsByID = new Map<UUID, Trigger>();
    var PrepreparedInputs = new Map<UUID, Trigger.Serialised>(); 
    //                                    ^^^^^^^ 
    // ERROR - 'Trigger' only refers to a type, but is being used as a namespace here.
}
 

Вы не можете использовать пространство имен (модуль) в качестве типа. (см. Документы). Раньше, поскольку интерфейс и модуль были названы одинаково, TypeScript предоставлял контекстно-соответствующую опцию — интерфейс. Следовательно, ошибок нет! Несмотря на это, у нас все еще есть исходная ошибка 'Trigger' only refers to a type... , потому что тип — это тип, а не пространство имен (или модуль).

Наконец, ActionManager.Trigger.Serialise(stuff); не работает, потому что триггер не экспортируется из модуля ActionManager.

Решение

Поскольку вы не можете назначить a module для a type , обратитесь к модулю непосредственно в вашем PreparedInputs :

     var PrepreparedInputs = new Map<UUID, TriggerBase.Serialised>(); 
 

И, как и в случае с TriggerEvent , экспортируйте, какие типы / переменные вы хотите использовать вне модуля:

 // The interface was renamed to ITrigger in TriggerEvent.
import { Trigger as TriggerBase, ITrigger } from "./TriggerEvent"; 

export module ActionManager {
    export var Trigger = TriggerBase;

    export var EventsByID = new Map<UUID, ITrigger>();
    export var PrepreparedInputs = new Map<UUID, TriggerBase.Serialised>(); 
}