Typescript Angularjs Uncaught ReferenceError : app가 정의되어 있지 않습니다.

Question

저는 Angular.JS와 Typescript에 익숙하며 함께 사용하려고합니다. 그러나 대부분의 경우 문제가되지 않을 것입니다.

뷰와 컨트롤러를 사용하여 라우트를 만들었습니다.

이렇게하면 어떤 파일에있는 경우 완벽하게 작동합니다.

var collabClientApp = angular.module('collabClientApp', ['ui.router']); 
console.log("started routing"); 

collabClientApp.config(function ($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise("/projects"); 
    $stateProvider 
    .state('projects', { 
     url: "/projects", 
     templateUrl: "views/projects.html", 
     controller: "ProjectListController" 
    }) 
}); 

collabClientApp.controller("ProjectListController", 
    function ProjectListController($scope) { 
    $scope.projects = projects; 
    } 
); 

은 그 때 나는 다음과 같은 별도의 파일로 컨트롤러를 이동하려고 :

/// <reference path="../controllers.ts"/> 
/// <reference path="../collabClientApp.ts"/> 

"use strict"; 

collabClientApp.controller("ProjectListController", 
    function ProjectListController($scope) { 
    $scope.projects = projects; 
}); 

collabClientApp.ts 라우팅을 수행하는 파일의 이름입니다. 나는 다음과 같은 메시지가 : collabClientApp는 컨트롤러 파일에서 찾을 수 있어야하므로

Uncaught ReferenceError: collabClientApp is not defined 

참조 부분은 올바른 것입니다. 또는 무엇인가 놓칠 수 있습니까?

도움을 주신 데 대해 감사드립니다.

Answer 1

단일 파일을 얻으려면 --out 옵션으로 컴파일해야합니다. 또는 스크립트 태그를 사용하여 모든 파일 포함 또는 RequireJS와 같은 모듈 로더 사용