Question

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

vendor.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
) {}
}

Answer 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() {}
}

将Pubnub导入Angular2 webpack应用程序

1 个答案: