Typescript 如何调用导出的函数?

Typescript 如何调用导出的函数?,typescript,Typescript,我的目标是调用导出的函数。我遵循以下步骤,并有以下内容: // 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">

我的目标是调用导出的函数。我遵循以下步骤,并有以下内容:

// 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"
    }
}
//Test.ts
导出函数测试():void
{
控制台日志(“QWERTY”);
}
//梅因酒店
从“/third_party/test”导入{test}
window.onload=()=>{
test();
}
//index.html
//tsconfig.json
{
“编译器选项”:{
“目标”:“es5”,
“模块”:“amd”,
“源地图”:正确,
“outFile”:“build/library.js”
}
}
运行我有
参考的网页错误:define未在/mypath/build/library.js:1:2中定义


发生了什么事?

您需要已经加载模块加载器

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


您需要已加载模块加载器

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


是的,RequireJS是AMD模块的标准加载程序,可与TypeScript配合使用。谢谢。我不知道不同的装载机。无论如何,我添加了
require.js
,我的代码可以编译,我甚至可以看到
require([]…
函数的
console.log()
输出。但是一旦我添加了
import{test},“/third\u party/test/test”
函数
require([]…
没有启动。没有错误或警告,只有一个空窗口。@nikitablack这是一个新问题,你应该对此发表一篇新文章。是的,RequireJS是AMD模块的标准加载程序,与TypeScript配合使用效果很好。谢谢。我不知道不同的加载程序。总之,我添加了
require.js
,我的代码可以编译,我可以甚至可以看到
console.log()
require([]…
函数输出。但是一旦我从“/third\u party/test/test”添加
import{test}”
函数
require([]…
没有启动。没有错误或警告,只有一个空窗口。@nikitablack这是一个新问题,你应该为它写一篇新文章。