如何调用导出的函数?

时间:2017-04-28 09:54:23

标签: typescript

我的目标是调用导出的函数。我跟随official documentation并拥有:

// Test.ts
export function test():void
{
    console.log("QWERTY");
}

// Main.ts
import {test} from "./third_party/Test"
window.onload = () => {
    test();
}

// index.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <script src="build/library.js"></script>
    </head>
</html>

// tsconfig.json
{
    "compilerOptions": {
        "target": "es5",
        "module": "amd",
        "sourceMap": true,
        "outFile": "build/library.js"
    }
}

运行网页我有ReferenceError: define is not defined at /mypath/build/library.js:1:2

发生了什么?

1 个答案:

答案 0 :(得分:3)

您需要加载模块加载程序。

TypeScriptLang.org Modules

  

模块使用模块加载器相互导入。在运行时,模块加载器负责在执行模块之前定位和执行模块的所有依赖关系。 JavaScript中使用的众所周知的模块加载器是Node.js的CommonJS模块加载器和Web应用程序的require.js。

How to get started with RequireJS