question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

App startup failure with VueFire plugin

See original GitHub issue

I’ve started this Vue (version 2.6.10) web app to follow along this Quill tutorial that uses the vuefire plugin for Firebase realtime document syncing suppport. As soon as I add the import and register the plugin,I get the following error emanating from the main.ts file. Uncaught TypeError: Cannot read property 'install' of undefined at Function.Vue.use (vue.runtime.esm.js?2b0e:5100) at eval (main.ts?bc82:9) at Module../src/main.ts (app.js:3317) at __webpack_require__ (app.js:767) at fn (app.js:130) at Object.1 (app.js:3403) at __webpack_require__ (app.js:767) at app.js:902 at app.js:905

My repo is a bare bones project and can be cloned from: https://github.com/calirails/wysiwyg-quill

I searched web and scanned existing issues and came across this [reported issue] (https://github.com/vuejs/vuefire/issues/273) that was open-ended, and claimed to have been resolved by moving the import statement for vuefire right after the import of Vue itself; however, that didn’t resolve my error.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

9reactions
posvacommented, Jun 6, 2019

There is no bug, please read the docs: https://vuefire.vuejs.org/vuefire/getting-started.html#plugin, there is no default export in Vuefire anymore

import { firestorePlugin } from 'vuefire'
0reactions
calirailscommented, Jun 6, 2019

Thanks @posva! Confirmed that I can successfully import both the RTDB (Firebase) as well as the firestorePlugin (Firestore) using that VueFire guide.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Vuefire with Vue 3 throwing Vue.use error - Stack Overflow
I am using typescript in my vue app. I generated the project using @vue/cli. I want to use firestorePlugin from vuefire.
Read more >
Vue.js Firebase Integration with VueFire - DigitalOcean
Use Firebase painlessly in your Vue.js app with VueFire. ... Then, in your app's main file, enable the VueFire plugin. main.js. import '....
Read more >
Using Firebase in a Vue App with Vuexfire — Add Document ...
In this article, we'll look at how to use Vuefire and Vuexfire to add support for Cloud Firestore database manipulation into our Vue...
Read more >
Evan You (@youyuxi) / Twitter
⚡ First-class Vite support Vite is a next-gen build tool that gives Storybook 7.0 fast startup and instant reloads. We now support automatic...
Read more >
How to build and deploy a Vue.js app with Cloud Firestore ...
Vuefire is a lightweight wrapper that handles realtime binding ... UI within the created Vue.js project, we'll use its Vue.js plugin.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found