TypeScript заменить <reference path /> с помощью импорта

Question

Я пытаюсь написать какое-то приложение TypeScript и пришел к выводу, что мне не нравится инструкция <reference path />. Я считаю более подходящим вместо этого использовать import 'something'.

Но когда я пытаюсь заменить мои ссылочные пути, я все время получаю сообщение об ошибке, когда модуль неизвестен.

Вот моя структура папок:

/app 
    /ViewModels 
     ApplicationViewModel.ts 
    app.ts 

ApplicationViewModel.ts

module ApplicationVM { 
    export class ApplicationViewModel { 
     constructor(public test:string) { 
     } 
    } 
} 

app.ts

/// <reference path="ViewModels/ApplicationViewModel.ts" /> 

var a = new ApplicationVM.ApplicationViewModel('test'); 

это работает просто отлично. Как мне получить следующий код для работы?

import * as App from 'noidea'; 
var a = new App.ApplicationViewModel('test'); 

Для 'noidea' я судимый: 'ViewModels/ApplicationViewModel', над уровнем моря 'ApplicationVM'. Я даже объединил его с <reference path />, но это тоже не помогло.

Answer 1

Удалить модуль из декларации ApplicationViewModel.ts (каждый файл уже модуль, если вы используете внешние модули):

export class ApplicationViewModel { 
    constructor(public test:string) { 
    } 
} 

Тогда в вашем app.ts

import * as App from './ViewModels/ApplicationViewModel'; 
var a = new App.ApplicationViewModel('test'); 

Answer 2

Вы должны использовать так называется external modules:

ApplicationViewModel.ts

module ApplicationVM { 
    export class ApplicationViewModel { 
     constructor(public test:string) { 
     } 
    } 
} 

export = ApplicationVM; 

app.ts

import { ApplicationViewModel } from "./ViewModels/ApplicationViewModel" 
var a = new ApplicationViewModel('test');