我正在尝试导入Typescript文件，但是当我将其编译为Javascript时，我遇到的问题来自Web浏览器的错误。出口未定义

Question

  

TodoAppUI.js：15未捕获的ReferenceError：未定义导出

每个班级都有export关键字。 例如：

export class mysclass {
public constructor(){}
}

我正在使用此语法导入，但仍无法正常工作

import TodoAppUI = require("./TodoAppUI");

这是我的配置文件：

{


        "compilerOptions": {
            "module": "commonjs",
            "noImplicitAny": true,
            "removeComments": true,
            "preserveConstEnums": true,
            "sourceMap": true,
            "target": "es5"

        }, 
    "files": [
        "TodoApp.ts",
        "BaseService.ts",
        "TodoAppUI.ts"


    ]

}

以下是引发错误的代码：

Object.defineProperty(exports, "__esModule", { value: true });

Answer 1

配置文件中的

module: 'commonjs'告诉编译器将代码编译到commonjs模块中，在其中您获得类似const TodoAppUI = require("./TodoAppUI")的模块。如果要使用import，请使用module: 'ES6'

修复configFile。