更多

Question

我正在尝试使用bower和时刻库的一个非常简单的例子。

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

我意识到有很多工具可以将这些包装在一起，但我想确保我能够将这个简单的案例工作，这样我才能理解正在发生的事情。

我做错了什么，什么是最简单的＆＃34;适当的＆＃34;方式使用bower模型客户端。

（后来我可以进入Npm vs. Bower vs. Browsify，webpack，gulp，grunt和其他动物园）

Answer 1

但我想确保这个简单的案例有效，所以我明白发生了什么。

import目前无法在浏览器中进行本地操作，因此以下

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

除非您使用模块捆绑包，否则

是错误的。