无法使用 Angular 2 导入 toastr 模块答案

【问题标题】：Unable to import toastr module with Angular 2无法使用 Angular 2 导入 toastr 模块
【发布时间】：2016-01-19 07:36:08
【问题描述】：

我正在创建一个版本为 2.0.0-alpha.46 的 Angular 2 应用程序，并尝试导入 toastr 模块。

我已经下载了库，还下载了确定类型的文件。

在我的 html 页面中，我为 .js 文件添加了一个 <script> 标记：

<script src="./src/libs/toastr/toastr.min.js"></script>

在 Visual Studio Code 中，我尝试像这样导入模块：

import * as toastr from 'toastr';

然后我可以在我的组件中调用 toastr.info('message') - 我什至得到了智能感知；但是，当我实际尝试加载网页时，我收到 404 /src/toastr not found 错误。

如果我尝试明确查找 toastr 确定类型的文件：

import * as toastr from '../../definitions/toastr/toastr';

我会得到“[ts 模块的完整路径] 不是模块。”

我也尝试将///<reference path="../../toastr.d.ts" /> 添加到我用来导入模块的文件顶部，但无济于事。

有人知道可能发生的事情吗？我对我可能错的地方画了一个空白。提前致谢。

【问题讨论】：

【解决方案1】：

我认为toastr.min.js 文件根本不包含模块。我的理解是 TypeScript 定义文件可以帮助你定义 toastr 库使用的方法和结构。这有助于在您的 IDE 中完成代码。这个定义文件实际上并没有创建一个可以在运行时使用的模块......

这意味着您可以直接使用toastr 对象，而无需像这样导入它：import * as toastr from '...';。

希望这是有道理的。蒂埃里

【讨论】：