Angular2 - 导入第三方模块答案

【问题标题】：Angular2 - importing third-party modulesAngular2 - 导入第三方模块
【发布时间】：2016-12-27 10:30:56
【问题描述】：

我正在尝试将 phoenix_js NPM 模块导入我的 Angular2 应用程序（使用 Angular2 CLI 启动），但我收到错误 Cannot find module 'phoenix_js'。我见过很多其他人面临在 CLI 启动的项目中导入第三方模块的问题，但它们都不适合我——我的文件结构似乎与其他人的不同......

对于初学者来说，我的 Angular2 CLI 版本是 1.0.0-beta.22-1，我正在尝试将其导入到这样的服务中：import { Socket } from "phoenix_js"; phoenix_js 模块已安装好 ol'npm install --save phoenix_js。

根据我的研究，我发现第三方库需要明确包含在 system.config 文件中，但最新版本的 CLI 使用 Webpack，因此没有这样的文件。

我对 Angular2 和 Webpack 都没有经验 - 关于如何告诉我的应用程序是的，该模块确实存在的任何指导，将不胜感激。

【问题讨论】：

你还没有提到你是如何运行应用程序的。检查包是否真的在安装时添加到 package.json 中，如果不是由于某些错误，Webpack 将不高兴。
谢谢，@estus - 我想出了一个解决方案，在下面回答...

标签： angular

【解决方案1】：

我能够通过将typings.d.ts 文件添加到我的src 目录来解决这个问题...在文件中，我写了declare module 'phoenix_js';，然后我可以根据需要通过编写将其导入模块/组件中

import * as phoenixJS from 'phoenix_js';

更完整的解释-https://github.com/angular/angular-cli#3rd-party-library-installation

【讨论】：