将 Pubnub 导入 Angular2 webpack 应用程序答案

【问题标题】：import Pubnub into Angular2 webpack app将 Pubnub 导入 Angular2 webpack 应用程序
【发布时间】：2016-12-08 21:31:22
【问题描述】：

我正在尝试将 PubNub 导入到我的 Angular 2 webpack 项目中。我成功安装了 pubnub npm 包，并将 PubNub 的导入包含到我的供应商文件夹中，webpack 在构建供应商文件时导入该文件夹并插入到我的 index.html 文件中。出于某种原因，我无法将其导入到我的 Angular 2 服务中

供应商.ts

import '@angular/platform-browser';
import '@angular/platform-browser-dynamic';
import '@angular/core';
import '@angular/common';
import '@angular/http';
import '@angular/router';
// RxJS
import 'rxjs';
import 'bootstrap-loader';
import 'PubNub';

pubnub.service.ts

import {Injectable} from "@angular/core";
import PubNub from 'PubNub';
@Injectable()
export class PubNubService {
constructor (
    private pubNub: PubNub
) {}
}

【问题讨论】：

标签： angular webpack pubnub

【解决方案1】：

将其包含在您的模块中。
该服务需要由某个模块提供。
Pubnub 也有不同的 angular2 模块
read here

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { PubNubAngular } from 'pubnub-angular2';
import { AppComponent } from './appComponent';
@NgModule({
    imports:[ BrowserModule ],
    declarations:[ AppComponent ],
    providers:[ PubNubAngular ],
    bootstrap:[ AppComponent ]
})
export class AppModule {
    constructor() {}
}

【讨论】：