2017-06-05 33 views
0

我正在尝试一个非常简单的例子,使用凉亭和时刻库。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,一饮而尽,咕噜和动物园的其余部分)

+0

我试过其他模块设置,每个都有自己的问题。 – BobFrankston

+0

你必须使用模块加载器来加载客户端的代码,也许看看SystemJs。 – toskv

+0

我想了解各种模块装载机,但首先想要得到简单的情况下工作。有没有办法让Typescript不能以我的方式得到,所以我可以显式地在HTML中加载模块。是的,不是想法,而是一个起点。 至于模块装载机 - 什么是下滑路径而不是学习曲线? – BobFrankston

回答

0

,但我要确保我得到这个简单的情况下工作,所以我了解正在发生的事情。

import不会在浏览器本身的工作,现在所以下面

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

,除非你使用一个模块捆绑是错误的。

更多

+0

谢谢。我让浏览器工作,但我会研究Webpack。 – BobFrankston

相关问题