Vuejs Support

[lukepolo]

Which platform(s) does your issue occur on?

IOS 11.3

Please, provide the following version numbers that your issue occurs with:

• CLI: (run tns --version to fetch it) tns|master⚡ ⇒ tns --version 4.0.0

• Cross-platform modules: (check the 'version' attribute in the node_modules/tns-core-modules/package.json file in your project)

• Runtime(s): (look for the "tns-android" and "tns-ios" properties in the package.json file of your project) "version": "4.0.1"

• Plugin(s): (look for the version numbers in the package.json file of your project and paste your dependencies and devDependencies here)

  "dependencies": { "nativescript-push-notifications": "^1.1.3", "nativescript-theme-core": "^1.0.4", "nativescript-vue": "^1.3.1", "tns-core-modules": "~3.4.1" }, "devDependencies": { "babel-traverse": "6.26.0", "babel-types": "6.26.0", "babylon": "6.18.0", "lazy": "1.0.11" }

Please, tell us how to recreate the issue in as much detail as possible.

Follow the docs :

Make sure the app's id is the same as registered tns buid ios

Go to XCode, enable push :

Make sure *. entitlements exist with

Add :

var pushPlugin = require("nativescript-push-notifications");

Is there any code involved?

I am using the https://github.com/nativescript-vue/nativescript-vue template and just this plugin, nothing else has been added.

import Vue from 'nativescript-vue';

// This fails horribly
var pushPlugin = require("nativescript-push-notifications");

import router from './router';

import store from './store';

import './styles.scss';

// Uncommment the following to see NativeScript-Vue output logs
Vue.config.silent = false;

new Vue({

  router,

  store,

}).$start();

[tbozhikov]

Hi @lukepolo, as the support for Vue in NativeScript is in experimental stage we haven't implemented such compatibility in this plugin and that is why you may get this error. If you or anyone else can help solving this one, we will be happy to receive PRs.

[rebz]

+1 Would love to have this. I don't know enough about the iOS side to properly submit a PR.

[vratojr]

Hello, @lukepolo , to go one step further you should change your require to import:

import * as pushPlugin from "nativescript-push-notifications";

I'm using the vue template as well and I succeed in registering the app and receiving notifications.