打字稿/// <reference path=“…”> 和“未捕獲的ReferenceError：未定義導出”

Question

我寫了以下文件：

main.ts：

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

hello();

外部

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 /// <參考路徑=“ ...”>：為什么它對我不起作用？

但是這一次它將在瀏覽器中而不是在服務器端處理代碼（如上一個問題）。

Answer 1

提到內容的兩個文件都可以正常工作。

也就是說，該錯誤最有可能是由文件中的其他代碼（沿着export或import 。 這使該文件成為一個模塊，您需要使用模塊捆綁器（例如webpack）在瀏覽器中使用生成的JS。

更多

• Webpack TypeScript快速入門