Topic: Vue warning: $attrs is readonly.

saladin free asked 2 years ago


Hello, I'm relatively new to Vue JS and want to build a web app. I keep getting this error in the console (see video), but only as soon as I work with routes.

Link to video

Although I also have a in the navbar, but somehow it doesn't seem to trigger any errors. The application works, so do the routes, so everything links where it should ... but I would like to understand why these errors occur. In the network it is said that the "root Vue instance would be instantiated several times". But that's not the case with me (see video). Hope someone can help me.


Magdalena Dembna staff commented 2 years ago

In order to explain those errors, I need to see a code snippet with your code (with error), so I could copy it and try to find a solution. Best regards, Magdalena


saladin free commented 2 years ago

Ok. Which part of the code you want to see? The project already contains some files. You can see the code running here https://master.d1lerp95i442ql.amplifyapp.com/settings Just use the language select input Or I can give you the link to github.


Magdalena Dembna staff commented 2 years ago

Those warnings are caused by loading Vue more than once into your app. You can read more about those warnings and how to search for duplicated instances here: https://stackoverflow.com/questions/49585845/attrs-is-readonly-listeners-is-readonly-avoid-mutating-a-prop-directly . Best regards, Magdalena



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.7.1
  • Device: Macbook
  • Browser: Chrome
  • OS: iOS
  • Provided sample code: No
  • Provided link: Yes