Webpack + Typescript messaging.getToken() #2712
Description
[REQUIRED] Describe your environment
- Operating System version: windows 10 x64
- Browser version: Chrome 71.0.3578.98
- Firebase SDK version: 7.9.3 (worked on 6.6.2)
- Firebase Product: messaging
- typescript 3.7.5
[REQUIRED] Describe the problem
firebase.messaging().getToken() throws error
TypeError: Failed to execute 'subscribe' on 'PushManager': The provided value is not of type '(ArrayBuffer or ArrayBufferView)'
at index.esm.js:790
at u (tslib.es6.js:99)
at Object.next (tslib.es6.js:80)
at s (tslib.es6.js:70)
at index.esm.js:790
swRegistration.pushManager.subscribe({
userVisibleOnly: true,
applicationServerKey: vapidKey
})]
Steps to reproduce:
look console
https://test.geminixandroid.com
Relevant Code:
package.json
"dependencies": {
"axios": "^0.19.2",
"axios-retry": "^3.1.2",
"core-js": "^3.6.4",
"dexie": "^2.0.4",
"dexie-observable": "^1.0.0-beta.5",
"dom-to-image": "^2.6.0",
"firebase": "^7.9.3",
"leaflet": "^1.6.0",
"qrcode.vue": "^1.7.0",
"register-service-worker": "^1.6.2",
"three": "^0.113.2",
"vue": "^2.6.11",
"vue-class-component": "^7.2.2",
"vue-json-pretty": "^1.6.3",
"vue-offline": "^2.0.8",
"vue-pdf": "^4.0.7",
"vue-property-decorator": "^8.4.0",
"vue-router": "^3.1.5",
"vue-signature-pad": "^1.1.17",
"vue2-leaflet": "^2.4.2",
"vuetify": "^2.2.11",
"vuex": "^3.1.2",
"vuex-persistedstate": "^2.7.0"
},
"devDependencies": {
"@mdi/font": "^4.9.95",
"@types/dom-to-image": "^2.6.0",
"@types/leaflet": "^1.5.8",
"@typescript-eslint/eslint-plugin": "^2.18.0",
"@typescript-eslint/parser": "^2.18.0",
"@vue/cli-plugin-babel": "~4.2.0",
"@vue/cli-plugin-pwa": "~4.2.0",
"@vue/cli-plugin-router": "~4.2.0",
"@vue/cli-plugin-typescript": "~4.2.0",
"@vue/cli-plugin-vuex": "~4.2.0",
"@vue/cli-service": "~4.2.0",
"@vue/eslint-config-typescript": "^5.0.1",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.1.2",
"sass": "^1.25.0",
"sass-loader": "^8.0.2",
"serviceworker-webpack-plugin": "^1.0.1",
"tslint": "^6.0.0",
"typescript": "^3.7.5",
"vue-cli-plugin-vuetify": "^2.0.4",
"vue-debounce-decorator": "^1.0.1",
"vue-template-compiler": "^2.6.11",
"webpack-bundle-analyzer": "^3.6.0"
}
}