Унаследованный класс от другого модуля в Typcript

Question

Я пытаюсь расширить абстрактный класс до другого класса, но для большего удобства мне нужен этот абстрактный класс в другом файле. К сожалению, это бросает мне ошибку времени выполнения, которую я изо всех сил пытаюсь понять.

Это работает:

abstract class Item{ 
    constructor(){ 
     console.log("I am an Item"); 
    } 
} 

export class Folder extends Item{ 
    constructor(){ 
     super(); 
    } 
} 

Вход:

I am an Item 

Это не:

module MyModule{ 
    export abstract class Item{ 
     constructor(){ 
      console.log("I am an Item"); 
     } 
    } 
} 

export class Folder extends MyModule.Item{ 
    constructor(){ 
     super(); 
    } 
} 

Собирает но бросает:

Uncaught TypeError: Cannot read property 'prototype' of undefined 

Кто-нибудь понимает, что происходит?

Answer 1

Экспорт верхнего уровня (export class Folder в данном случае) в исходном файле означает, что TypeScript будет обрабатывать файл как внешний модуль, хотя если вы не укажете формат модуля при компиляции TypeScript, должен был испускаться error TS1148: Cannot compile modules unless the '--module' flag is provided. Итак, я несколько смутили то, как вам удалось скомпилировать эти фрагменты кода вообще, если вы используете только внутренние модули.

Я бы настоятельно рекомендовал использовать внешние модули (где каждый файл .ts сам по себе является модулем) и полностью избегать пространств имен (ранее называемых внутренними модулями).

Вот что ваш код будет выглядеть ничего, кроме внешних модулей:

// mymodule.ts 
export abstract class Item { 
    constructor() { 
    console.log("I am an Item"); 
    } 
} 

// folder.ts 
import * as MyModule from './mymodule'; 

export class Folder extends MyModule.Item { 
    constructor() { 
    super(); 
} 

Однако, если вы хотите придерживаться использования пространств имен вместо этого, вы могли бы сделать это:

namespace MyModule { 
    export abstract class Item { 
    constructor() { 
     console.log("I am an Item"); 
    } 
    } 
} 

namespace MyOtherModule { 
    export class Folder extends MyModule.Item { 
    constructor() { 
     super(); 
    } 
    } 
}