Is anyone else getting console warning: "[Vue warn]: $attrs is readonly" & "[Vue warn]: $listeners is readonly"?

[lmichetti3]

When I modify array data that vue-virtual-scroll-list renders, I get the following console warning:

[Vue warn]: $attrs is readonly
[Vue warn]: $listeners is readonly

Maybe unrelated, but from what I've read, this warning is often caused by a package (vue-virtual-scroll-list) calling a second instance of Vue. This warning only occurs if I use vue-virtual-scroll-list. I'm already calling vue in my main.js file like this:

import Vue from 'vue'

I'm just wondering if there's anyone that has encountered this warning and how to remove it. There aren't any noticeable issues, but the warning is annoying to see in my console.

[tangbc]

What's the detail of caused by a calling a second instance of Vue?

Can you tell me more detail or example your repo I can see it?

[ROTGP]

@lmichetti3 are you using this in an Electron project? If so, you must add 'vue-virtual-scroll-list' to the whiteListedModules array inside webpack.renderer.config.js

[GitBreezePaul]

@lmichetti3 are you using this in an Electron project? If so, you must add 'vue-virtual-scroll-list' to the whiteListedModules array inside webpack.renderer.config.js

Spot on. This solved my problems. Thanks a lot ROTGP!

Its worth noting that this was after changing the import from the standard ES6 to:

import VirtualList = require('vue-virtual-scroll-list')

Which was also needed to get this to work with Electron / webpack.

[Y80]

My solution: change the import statement.

import VirtualList from 'vue-virtual-scroll-list'
->
import VirtualList from 'vue-virtual-scroll-list/src'