Angular CLI - 窗口对象的扩展不再起作用答案

【问题标题】：Angular CLI - Extension of the window object no longer worksAngular CLI - 窗口对象的扩展不再起作用
【发布时间】：2017-04-29 02:54:36
【问题描述】：

我的新 Angular CLI 项目有问题（版本信息如下）。窗口对象的扩展似乎在新版本中不再起作用。

ng--版本角-cli：1.0.0-beta.17 节点：6.9.1 操作系统：win32 x64 窗户 10

我有一个如下所示的 myAPI.js 文件...

var myAPI = myAPI || {};  

(function(myAPI) {
...
...
}(myAPI));

window.myAPI = myAPI;

我有一个 myAPI.d.ts 文件，其中定义了此接口（仅此而已）。

interface Window {
myAPI: any;
}

在我的 Typescript 代码中，我曾经能够编写 window.myAPI.XXX 并且它可以正常工作，我最近更新到上述版本并且它不再工作了。

错误信息是 window.myAPI 未定义。

这是以前工作的版本中的 ng --version 详细信息。

angular-cli: 1.0.0-beta.10 节点：6.3.0 操作系统：win32 x64

在 1.0.0-beta.10 和 1.0.0-beta.17 之间有什么改变阻止了这种事情吗？

【问题讨论】：

【解决方案1】：

问题是这样的：

由于新版本引入了模块化，它不会引导定义了接口的“myAPI.d.ts”文件。

为了解决这个问题，需要将接口定义添加到模块、组件或服务中，然后在“app.module.ts”中导入和声明。

一旦到位，它就会按预期工作。

【讨论】：