javascript - ionic 2 与节段不工作？

Question

我目前正在尝试将 strope 与 ionic 2 一起使用，我有 npm strope 和 jquery 以及 @types/strope 和打字.

这是我的代码

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {Strophe} from 'strophe';


@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
})
export class HomePage {


  public connection: any ;

  public BOSH_SERVICE: any="http://52.32.***.5:5280/http-bind/" ;


constructor(public navCtrl: NavController) {

}


login() {


  this.connection = new Strophe.Connection(this.BOSH_SERVICE);
  this.connection.connect('ama****'+'@'+'localhost', 'o***oop', this.onConnect);

  console.log("Hello World !");

 }



onConnect(status) {
  console.log('onConnect: '+status);
}

当我尝试 ionic 服务时，我收到此错误

TypeError: __WEBPACK_IMPORTED_MODULE_2_strophe__.Strophe is undefined
Stack trace:
HomePage.prototype.login@http://localhost:8100/build/main.js:55747:9
View_HomePage_0/<@ng:///AppModule/HomePage.ngfactory.js:135:21
viewDef/handleEvent@http://localhost:8100/build/main.js:12170:98
callWithDebugContext@http://localhost:8100/build/main.js:13462:39
debugHandleEvent@http://localhost:8100/build/main.js:13050:12
dispatchEvent@http://localhost:8100/build/main.js:9070:12
renderEventHandlerClosure/<@http://localhost:8100/build/main.js:9662:20
decoratePreventDefault/<@http://localhost:8100/build/main.js:33505:53
f</t.prototype.invokeTask@http://localhost:8100/build/polyfills.js:3:9644
                                                                                                                                                                 NgZone.prototype.forkInnerZoneWithAngularBehavior/this.inner<.onInvokeTask@htt           p://localhost:8100/build/main.js:4397:28
f</t.prototype.invokeTask@http://localhost:8100/build/polyfills.js:3:9557
c</r.prototype.runTask@http://localhost:8100/build/polyfills.js:3:4812
t/this.invoke@http://localhost:8100/build/polyfills.js:3:10626

Answer 1

1) 从 Strope Site 下载 Strope 库

然后，您应该将框架放在/src/assets/中

然后，您应该将 script 标签添加到 index.html 中的 polyfills.js 和 main.js 之前

因此

<script src="assets/strophejs-1.2.14/strophe.js"></script>

最后，

您应该将此声明语句放在使用节号之前。

declare var Strophe: any;

这对我有用!

2) 另一种方法是您可以使用

安装

npm install strophe.js

并将 strope.js 文件从 node_modules/strope.js 文件夹复制到上面的 src/assets 文件夹，然后在索引文件中给出路径