使用Cosmic js设置Ionic应用程序

时间:2018-08-20 22:59:10

标签: javascript typescript ionic3

我目前正在尝试建立一个Ionic应用程序,并发现Cosmic js是一种很有前途的CMS解决方案。

我按照本教程(https://cosmicjs.com/blog/how-to-build-a-mobile-product-catalog-app-using-angular-js-ionic-and-cosmic-js)开始,但是导入Cosmic似乎无效。 到目前为止,我所做的一切都是在Cosmic网站上设置了一个新的Ionic应用程序和一个新的存储桶,执行npm install cosmicjs --save并更改了我的home ts文件的内容。这是我的home.ts,在这里我只是尝试将一些信息从现有存储桶记录到控制台:

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import Cosmic from 'cosmicjs';
const bucket = {slug: 'cosmic-app'};

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

export class HomePage {

  constructor(public navCtrl: NavController) {

    Cosmic.getObjects({bucket}, (err, res) => {
      console.log(res.objects);
    });
  }

}

在控制台上执行ionic serve并检查浏览器后,它向我显示此错误消息:

错误:未捕获(承诺):TypeError:__WEBPACK_IMPORTED_MODULE_2_cosmicjs ___ default.a.getObjects不是函数。 (在'__WEBPACK_IMPORTED_MODULE_2_cosmicjs ___ default.a.getObjects({bucket:bucket},function(err,res){console.log(res.objects);})','__WEBPACK_IMPORTED_MODULE_2_cosmicjs ___ default.a.getObjects'未定义)的首页@ { }} createClass @ http://localhost:8100/build/main.js:172:68 createDirectiveInstance @ http://localhost:8100/build/vendor.js:12855:28 createViewNodes @ http://localhost:8100/build/vendor.js:12700:48 createRootView @ http://localhost:8100/build/vendor.js:14158:76 callWithDebugContext @ http://localhost:8100/build/vendor.js:14047:20 create @ http://localhost:8100/build/vendor.js:15472:47 _viewInit @ {{3} } http://localhost:8100/build/vendor.js:11652:60 onInvoke @ http://localhost:8100/build/vendor.js:52233:50 run @ http://localhost:8100/build/vendor.js:52046:32 http://localhost:8100/build/vendor.js:5134:39 onInvokeTask @ http://localhost:8100/build/polyfills.js:3:10149 runTask @ http://localhost:8100/build/polyfills.js:3:20245 o @ http://localhost:8100/build/vendor.js:5125:43 promiseReactionJob @ [native代码]

我希望看到的是宇宙的浏览器控制台上的信息转储,作为对我的Api调用的响应。我想念什么?

0 个答案:

没有答案