Topic: Vue warning: $attrs is readonly.
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.
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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- 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
Magdalena Dembna staff premium commented 4 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 commented 4 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 premium commented 4 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