离子4：loading.present不是函数

Question

离子4，在使用装载机时出错 loading.present is not a function

这是我的代码：

const loading =  this.loadingController.create({
  message: 'Loading',
});

loading.present();

Answer 1

这是因为loadingController.create（）是异步方法，并且在获取变量loading中的HTMLIonLoadingElement实例之前， 您正在呼叫暂时未定义的loading/present()。

因此，您需要等到调用loadingController.create()时获得HTMLIonLoadingElement实例

解决方法：简单使用aync / await

const loading = await this.loadingController.create({
  message: 'Loading',
});
loading.present();

请参见我们在=运算符之后使用了await。因此，它确保仅在对loadingController.create的调用完成并且变量加载已初始化时才执行下一行。

  

注意：不要忘了在我们正在使用加载程序的函数中添加async关键字，就像我们在使用await一样。