离子推送通知：未捕获的 ReferenceError：未定义 PushNotification答案

【问题标题】：Ionic push notification : Uncaught ReferenceError: PushNotification is not defined离子推送通知：未捕获的 ReferenceError：未定义 PushNotification
【发布时间】：2016-05-04 23:22:30
【问题描述】：

您好，我是 Ionic 的新手。我想在安卓手机上使用离子推送通知。

我听从了ionic website的所有指示

为了调试，我输入了ionic serve

我看到了

“未捕获的 ReferenceError：未定义 PushNotification”

在 Chrome 控制台中。

当然，通知不起作用。

我错过了什么？

任何评论都会很有帮助。谢谢。

以下是我所做的

我在终端里放了下面的代码

ionic add ionic-platform-web-client

ionic plugin add phonegap-plugin-push

ionic io init

我的离子配置信息

dev_push is false,

There is 'app_id'

There is 'api_key'

There is 'gcm_key'

NodeJS v5.2.0（我也试过 v4.2.2）

离子cli v1.7.12

下面的代码在$ionicPlatform.ready

var io = Ionic.io();

        var user = Ionic.User.current();

        if (!user.id) {
          user.id = Ionic.User.anonymousId();
        };

        // Just add some dummy data..
        user.set('name', 'moka');
        user.set('bio', 'This is my little bio');
        user.save();

        var push = new Ionic.Push({
          "onNotification": function(notification) {
            alert('Received push notification!');
          },
          "pluginConfig": {
            "android": {
              "iconColor": "#0000FF"
            }
          }
        });


        var callback = function(data) {
          push.addTokenToUser(user);
          user.save();
        };


        push.register(callback);

// 编辑

我改变了形式

ionic config set dev_push false

到

ionic config set dev_push true

它不再显示了

“未捕获的 ReferenceError：未定义 PushNotification”

但是我不确定这是否正确。因为写在this tutorial

关闭你的开发模式

ionic push --google-api-key your-google-api-key
ionic config set gcm_key your-gcm-project-number
ionic config set dev_push false

如果我想在真正的 android 设备上进行测试，“未捕获的 ReferenceError：PushNotification 未定义”并不重要？

【问题讨论】：

标签： ionic-framework ionic

【解决方案1】：

不，没关系。

事实上，正如您所提到的，dev_push 在真实设备中进行测试时肯定是错误的。

您可以手动将其设置为 false ionic config set dev_push false 或在任何地方不提及它（默认为 false）:)

【讨论】：

【解决方案2】：

Cordova 和 Phonegap 插件仅适用于模拟器和设备。它们不适用于任何浏览器。

虽然使用 Ionic 您可以消除这些错误，但一个好的做法是像这样包装您的代码：

if (typeof PushNotification === "defined") {
   // your code here
}

这样在您编写 BDD 或 E2E 测试时它不会抛出任何错误。

你也可以在里面添加你的代码：

document.addEventListener("deviceready", function () {

}

【讨论】：

【解决方案3】：

我能够通过以下方式修复此错误：

ionic remove ionic-platform-web-client
cordova plugin remove phonegap-plugin-push
ionic add ionic-platform-web-client
ionic plugin add phonegap-plugin-push
ionic io init

【讨论】：