Question

我正在尝试将JS sdk导入离子2应用程序，但我一直在解析是未定义的

在离子1.x中，解析js sdk通过

加载

<script ..parse.js </script>

并作为全局var公开，如何在离子2中导入，使用npm模块，并尝试

import * as parse from 'parse'

Answer 1

在项目目录中执行npm install parse --save

然后使用

导入解析

import { Parse } from 'parse';

最好创建一个解析提供程序。

您可以使用此入门模板作为指南。这是一个简单的GameScores应用程序，可以帮助您入门。

https://github.com/Reinsys/Ionic-Parse

它显示了如何从解析服务器创建和读取数据。我还包括使用离子无限滚动滚动的分页。

Answer 2

在寻找解决方案后，我想出了自己的解决方案。安装软件包和打字后，我打开了node-module ionic-gulp-scripts-copy的index.js，并将'node_modules/parse/dist/parse.min.js'添加到defaultSrc数组中。然后，在我的index.html中，我在cordova.js上面添加了脚本。现在我只需要在{I}中使用SDK中的每个组件declare var Parse: any;。例如，在我的app.ts中：

import {Component} from '@angular/core';
import {Platform, ionicBootstrap} from 'ionic-angular';
import {StatusBar} from 'ionic-native';
import {TabsPage} from './pages/tabs/tabs';

import{LoginPage} from './pages/login/login';
declare var Parse: any;

@Component({
  template: '<ion-nav [root]="rootPage"></ion-nav>',
})
export class MyApp {

  private rootPage: any;
  private parse;
  constructor(private platform: Platform) {
    //this.rootPage = TabsPage;
    this.rootPage = LoginPage;
    platform.ready().then(() => {
      console.log("Platform ready!");
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      StatusBar.styleDefault();

      Parse.initialize('myStartUp', 'someKey');
      Parse.serverURL = 'http://localhost:1337/parse';
    });
  }
}

ionicBootstrap(MyApp);

我不认为这是应该使用的方式，但最后我可以非常简单地使用SDK，而且没有太多的实现代码。

如何将Parse JS sdk导入离子2 beta

2 个答案: