クラスモジュールを別のクラスにインポートする

Question

いくつかのクラスをメインクラスにインポートしようとしていますが、エラーが発生します。 Uncaught SyntaxError：行の予期しないトークンのインポートimport ApiDto = Model.DtoModel.ApiDto;

二つのファイル間で同じモジュール名を共有する2つのDTOモデルがあります。

export module DtoModel { 
    export class ApiDto { 
    } 
    export class ApiDtoItem { 
     public method: string; 
     public object: any; 
    } 
} 

export module DtoModel { 
    export class User { 
     public userNo: number; 
    } 
} 

これはプロジェクトの構造です。ここで

Main.ts

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

import * as Model from "../DtoModels/./ApiDto"; 

// breaks on next line! 
import ApiDto = Model.DtoModel.ApiDto; 

export class Main { 
    private Url: string; 

    constructor() { 
     var apidto = new ApiDto(); 
     this.Url = "http://localhost:80/api/main"; 

     var response = jQuery.post(this.Url, (data: ApiDto, textStatus: string, jqXHR: JQueryXHR) => { 
      apidto = data; 
     }); 

     console.log(response); 
    } 
} 

var main: Main = new Main(); 

は私のコンパイルオプションは次のとおりです。

{ 
    "compilerOptions": { 
    "target": "es6", 
    "noImplicitAny": true, 
    "noEmitOnError": false, 
    "sourceMap": true, 
    "inlineSources": true 
    }, 
    "compileOnSave": true 
} 

Answer 1

あなたはES6（tsconfig.jsonで"target": "es6"）にごtypescriptですがコンパイルされています。しかし、ブラウザはネイティブにES6のインポート/エクスポートをサポートしていないため、エラーになります。