如何在普通Typescript环境中导入模块

时间：2018-12-20 16:55:26

标签： typescript ecmascript-6

我想在不使用Vue.js或React之类的框架的同时，又不使用Web-pack之类的包管理器的情况下，将纯Typescript用于小型应用程序。因为设置代码会比我的应用程序大，而且会导致很多过时的软件。

但是当我尝试在本地服务器上运行时，出现错误消息：

ReferenceError: Cannot find variable: MainClass 
Module Core - index.html:8

我以这种方式设置了项目文件夹：

/src
    MainClass.ts
    MainClass.js*
    SubClass.ts
    SubClass.js*
index.html
tsconfig.json

^{*：由tsconfig.json}

自动编译

Index.html

<html>
<body>
    <script type="module" src="./src/MainClass.js"></script>
    <script type="module">
        var mainClass = new MainClass()
    </script>
</body>
</html>

tsconfig.json

{
    "compilerOptions": {
        "module": "ES6",
        "target": "ES6"
    },
    "include": ["src/**/*"]
}

MainClass.ts

import { SubClass } from "./SubClass"   

export default class Main {
    private subClass: SubClass

    constructor() {
        this.subClass = new SubClass()
    }
}

SubClass.ts（在main中导入的类）

export class SubClass {
    constructor() { }
}

0 个答案:

没有答案