Typescript /// <reference path =“”...“”>和“未捕获的ReferenceError：导出未定义”

Question

我写了以下文件：

main.ts：

///<reference path="./external.ts"/>

hello();

external.ts

var hello = function() {
    console.log("hello");
}

在html文件中我放了语句：

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

当我用html文件打开浏览器时，我希望调用函数'hello'，但不会。我收到了错误：

  

未捕获的ReferenceError：未定义导出

此问题仅与我发布的上一个问题类似：Typescript ///<reference path="...">: why doesn't it work for me?

但是这次它处理的是浏览器中的代码，而不是服务器端的代码（如上一个问题）。

Answer 1

带有上述内容的两个文件正常工作。

这就是说错误很可能是由export或import行中的附加代码引起的。这使文件成为一个模块，您需要使用模块捆绑器（例如webpack）在浏览器中使用生成的JS。

更多

• A webpack TypeScript quickstart