导入和导出的基本打字稿应用程序问题

时间:2016-07-19 03:47:25

标签: javascript typescript

我有一个非常基本的Typescript应用程序,Chrome在打开我的index.html页面时抱怨以下内容:

  

未定义出口

     

导入未定义

app.ts

import Timer from "./models/timer";

class Startup {
    public static main() {
        // Initialize timer
        var timer = new Timer(new Date("25/12/2015 00:00:00"));
        // Start timer
        timer.start();
    }
}

Startup.main();

模型/ timer.ts

export default class Timer {
    target: Date;
    days: number;
    hours: number;
    minutes: number;
    seconds: number;
    constructor(target: Date) {
        this.target = target;
    }

    start() {
        var now = Date.now;
        alert(now);
    }
}

我正在使用Visual Studio代码并具有以下内容:

tsconfig.json

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true
    }
}

tasks.json

{
    "version": "0.1.0",
    "command": "tsc",
    "isShellCommand": true,
    "args": ["-p", "."],
    "showOutput": "silent",
    "problemMatcher": "$tsc"
}

1 个答案:

答案 0 :(得分:1)

来自你的错误:

webpack

你需要一个模块加载器!浏览器还没有原生地理解模块。建议使用console.log(etc..)(其他选项包括browserify等)。

更多

快速入门:https://basarat.gitbooks.io/typescript/content/docs/quick/browser.html