Ionic应用程序在部署后给出ReferenceError:未定义Promise

Ionic app after deploying gives ReferenceError: Promise is not defined

本文关键字：ReferenceError 未定义 Promise 应用程序 部署 Ionic      更新时间：2023-09-26

我正在制作我的第一个Ionic应用程序。它的一部分使用了承诺。

下面的例子说明了这个问题。（在视图中，我有一个启动$scope.test的按钮，它执行testProm（）函数）。

angular.module('myApp.controllers', [])
.controller('DashCtrl', function($scope, $state) {
  $scope.test = function() {
    testProm();
  }
});
function testProm() {
  console.log('1. Function testProm starting...');
  return new Promise(function(resolve, reject) {
    console.log('2. Hi from Promise');
    var something = ' Some text ';
    resolve(something);
  }).then(function(something) {
    console.log('3. Hi again. Something is: ' + something);
  });
}

在浏览器（Firefox、Chrome）和安卓5.1.1的索尼Xpreria平板电脑上，一切都很好。

当我部署到安卓4.4.2的廉价Woxter QX103平板电脑时，问题就开始了。在这种情况下，当我尝试运行我的函数时，它在控制台中给了我以下错误：

ReferenceError: Promise is not defined
    at testProm (file:///android_asset/www/js/controllers.js:825:14)
    at Scope.$scope.test (file:///android_asset/www/js/controllers.js:29:5)
    at fn (eval at <anonymous> (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:26457:15), <anonymous>:4:203)
    at file:///android_asset/www/lib/ionic/js/ionic.bundle.js:62386:9
    at Scope.$eval (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:29158:28)
    at Scope.$apply (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:29257:23)
    at HTMLButtonElement.<anonymous> (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:62385:13)
    at HTMLButtonElement.eventHandler (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:16583:21)
    at triggerMouseEvent (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:2948:7)
    at tapClick (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:2937:3)

奇怪的是，我使用CouchDB也使用promise，它运行得很好。我做错了什么？这是我的第一个javascript，我对此非常缺乏经验。

我认为它在较旧的浏览器中根本不受支持，如下所示。根据我的经验，这可以很容易地通过使用Angular自己的Promises实现来解决，它看起来像这样：

return $q(function(resolve, reject) {
    setTimeout(function() {
      if (okToGreet(name)) {
        resolve('Hello, ' + name + '!');
      } else {
        reject('Greeting ' + name + ' is not allowed.');
      }
    }, 1000);
  });

您可以在文档中找到有关$q服务的更多信息。因此，在您的代码中，如果您要用$q替换new Promise，并确保将其定义为依赖项，那么您应该可以使用它。

相关文章：