Typescript正在生成進口的代碼不工作客戶端

我正在嘗試一個非常簡單的例子，使用涼亭和時刻庫。Typescript正在生成進口的代碼不工作客戶端

在我的.ts文件我有

import * as moment from "./bower_components/moment/moment";

產生

Object.defineProperty(exports, "__esModule", { value: true }); 
var moment = require("./bower_components/moment/moment");

從而未能在瀏覽器中運行。

我解決此工作通過進口進行調試不是改變它

declare const moment: any;

進行部署。

index.html文件中我有

<script src="bower_components/moment/moment.js"></script> 
<script src="app.js"></script>

我認識到，有工具擺打包這一切在一起，但我要確保我得到這個簡單的情況下工作，所以我明白了什麼是繼續。

我在做什麼錯，什麼是最簡單的「正確」的方式來使用鮑爾模型客戶端。

（後來我纔可以進入故宮與鮑爾與Browsify，的WebPack，一飲而盡，咕嚕和動物園的其餘部分）

我試過其他模塊設置，每個都有自己的問題。 – BobFrankston

你必須使用模塊加載器來加載客戶端的代碼，也許看看SystemJs。 – toskv

我想了解各種模塊裝載機，但首先想要得到簡單的情況下工作。有沒有辦法讓Typescript不能以我的方式得到，所以我可以顯式地在HTML中加載模塊。是的，不是想法，而是一個起點。至於模塊裝載機 - 什麼是下滑路徑而不是學習曲線？ – BobFrankston

，但我要確保我得到這個簡單的情況下工作，所以我瞭解正在發生的事情。

import不會在瀏覽器本身的工作，現在所以下面

import * as moment from "./bower_components/moment/moment";

，除非你使用一個模塊捆綁是錯誤的。

如果要使用模塊使用一個模塊捆綁例如webpack快速入門：https://basarat.gitbooks.io/typescript/content/docs/quick/browser.html

2017-06-06 01:37:41 basarat

謝謝。我讓瀏覽器工作，但我會研究Webpack。 – BobFrankston

回答