Grund Typoskript App Problem mit dem Import und Export von

Question

Ich habe eine sehr grundlegende Typoskript App und Chrome beschwert sich über Folgendes, wenn meine index.html Seite öffnen:

Exporte definiert nicht

Import nicht ist definiert

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(); 

Modelle/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); 
    } 
} 

ich Visual Studio Code bin mit und haben die folgenden:

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" 
} 

Answer 1

von Ihrem Fehler:

exports is not defined 

import is not defined 

Sie benötigen einen Modul-Lader! Browser verstehen Module noch nicht nativ. Empfehlen Sie unter Verwendung webpack (andere Optionen umfassen browserify etc.).

Mehr

Schnellstart: https://basarat.gitbooks.io/typescript/content/docs/quick/browser.html