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.

Warning: Multiple instances of Vue detected!

See original GitHub issue

I’m using electron-vue and bootstrap-vue and getting the warning “Multiple instances of Vue detected!”.

Whole warning message:

D:\temp\test1\node_m…ap-vue.common.js:80 [BootstrapVue warn]: Multiple instances of Vue detected!
See: https://bootstrap-vue.js.org/docs#using-module-bundlers
warn	@	D:\temp\test1\node_m…ap-vue.common.js:80
checkMultipleVue	@	D:\temp\test1\node_m…-vue.common.js:1413
install	@	D:\temp\test1\node_m…-vue.common.js:1437
Vue.use	@	vue.esm.js?a026:5110
install	@	D:\temp\test1\node_m…vue.common.js:23791
Vue.use	@	vue.esm.js?a026:5110
(anonymous)	@	main.js?cebd:9
./src/renderer/main.js	@	renderer.js:2652
__webpack_require__	@	renderer.js:725
fn	@	renderer.js:102
0	@	renderer.js:2723
__webpack_require__	@	renderer.js:725
(anonymous)	@	renderer.js:792
(anonymous)	@	renderer.js:795

I’m a js beginner and for me it is not obvious where the other vue instance(s) are generated and how I can remove or suppress them?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:19 (6 by maintainers)

github_iconTop GitHub Comments

9reactions
tmorehousecommented, May 25, 2019

@SergioFloresG @groboter I noticed this comment in another library comment regarding electron https://github.com/vuetifyjs/vuetify/issues/4068#issuecomment-491091793 by @DanWithams:

Search electron project files for the variable “whiteListedModules”, I found it in .electron-vue/webpack.renderer.config.js

let whiteListedModules = [‘vue’]

In my scenario, I had added bootstrap-vue package to my project and whenever I was interacting with vue components supplied from bootstrap-vue I was encountering the error, this means that the bootstrap-vue was loading in the second instance of Vue which causes the $attr readonly errors and similar errors.

In order prevent you application having two instances of Vue, you need to add the offending package into the whiteListedModules array, along with vue:

let whiteListedModules = [‘vue’, ‘bootstrap-vue’]

Now I do not get the $attr readonly errors or anything else, and vue and bootstrap vue run fine.

9reactions
grobotercommented, May 25, 2019

For me the magic Vue.use(require('bootstrap-vue/dist/bootstrap-vue.common.min')); also works.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to fix "Multiple instances of Vue detected!" with parcel. ...
At first I just had import Vue from 'vue' but that gave me this error: [Vue warn]: You are using the runtime-only build...
Read more >
[Vuetify] Multiple instances of Vue detected
1. Ignore it. It is a warning message, so you can safely ignore it. · 2. Use Vue instead of localeVue. You could...
Read more >
Vuetify issues with multiple instances of Vue detected
Vuetify issues with multiple instances of Vue detected - CodeSandbox. // (runtime-only or standalone) has been set in we. base.
Read more >
Only have 1 app running, but getting "Multiple instances of ...
Only have 1 app running, but getting "Multiple instances of Vue detected!" New to Vue, but not understanding what is happening.
Read more >
[Vuetify] Multiple instances of Vue detected -
Javascript Required. Kindly enable Javascript. · [Vuetify] Multiple instances of Vue detected · Version · Reproduction link · Steps to reproduce.
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