Typescript 正在为客户端不起作用的导入生成代码

Question

我正在尝试使用鲍尔和时刻库的非常简单的示例。

在我的.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>

我意识到有大量的工具可以将所有这些包装在一起，但我想确保我得到这个简单的案例，以便我了解发生了什么。

我在做什么错，什么是使用鲍尔模型客户端的最简单的"正确"方法。

(后来我可以进入NPM与Bower与Browsify，WebPack，Gulp，Grunt和Menagerie的其余部分(

Answer 1

，但我想确保我得到这个简单的案例，所以我了解发生了什么。

import现在本地浏览器不起作用，因此以下

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

除非使用模块捆绑器，否则是错误的。

更多

• 如果您想要使用模块使用模块Bundler，例如WebPack QuickStart：https：//basarat.gitbooks.io/typescript/content/docs/quick/browser.html