打字稿不需要工作

时间:2017-02-23 14:22:44

标签: javascript typescript

我有3个打字稿文件:main.ts,print.ts,log.ts

我安装了节点模块并使用了typescript编译器--tsc main.ts - 来编译.ts文件。 之后,我尝试使用npm start运行index.html,但是console.log表示未定义require。我还缺少什么吗?我使用Visual Studio代码编辑器。

INDEX.HTML

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<title>this is the title</title>

<style type="text/css">

</style>

</head>

<body>

<div id="wrapper">
</div>

<script type='text/javascript' src='main.js'></script>

</body>

</html>

MAIN.TS

import log = require('./log')
import print = require('./print')
log.logMessage();
print.printMessage();

PRINT.TS

export function printMessage() {
   console.log('print');
}

LOG.TS

export function logMessage() {
   console.log('log');
}

Console.log应该说'log'和'print',但它没有。

1 个答案:

答案 0 :(得分:0)

你的代码很好。你问题的重要部分是

  

但是console.log表示 require未定义

require用于节点的模块系统,称为CommonJS。默认情况下,浏览器不了解此系统。您必须使用捆绑工具,例如webpackfuse-box

TypeScript无法真正捆绑您的应用程序: - /