UIManager未定义

Question

我有一个名为UIManager的类，它将处理整个项目中的UI更改……

   /// <reference path="../../typings/jquery/jquery.d.ts" />
    /// <reference path="../../typings/materialize-css/materialize-css.d.ts" />

    export class UIManager {

        constructor() {
        }

        public InitPanes(): void {
            $(".sideNav").sideNav({
                menuWidth:350
            });
        }

    }

我在App.ts中实现了它，并运行了解决方案，在调试控制台中，我得到了错误"UIManager is undefined“。

/// <reference path="../typings/jquery/jquery.d.ts" />
/// <reference path="UIManager/UIManager.ts" />


import * as UI from "UIManager/UIManager";

class App {
    constructor() {
        let UIManager = new UI.UIManager();
        UIManager.InitPanes();
    }
}
$(document).ready(() => {
   let app = new App();
});

我是TypeScript的新手，所以所有的帮助都将不胜感激。谢谢。

Answer 1

这类错误通常意味着您的HTML页没有正确加载UIManager.js文件。

当您使用模块语法时-导出一个类(在UIManager.ts中)，然后导入这个类(在App.ts中)-您将需要使用Require.js或System.js从您的HTML页面动态加载UIManager.js文件。