VUE Application not updating after code change

Topic: VUE Application not updating after code change

popcorn free asked 3 years ago

Expected behavior The application I start via cmd is the application that is written in the two tutorial files (App.vue and Event.vue.).

Actual behavior

The application I start via cmd is a version from a few days ago, and it does not reflect the code of the application.

Resources (screenshots, code snippets etc.)

Screenshot of the code, note how it doesn't contain the words 'I am' nowhere in the code: the App.vue code

Screenshot of the second part of the code, same as above, it doesn't contain the displayed words. the Event.vue code

The screenshot of the application:

Screenshot of the cmd window where I use the cmd start command to start the app (I'm 100% sure this is the right directory where all the files are located): enter image description here

Is there a way to 'recompile' the VUE code so it updates with the changes I applied? Sorry if my question is obvious, but I'm a newbie. Cheers.

Mikołaj Smoleński staff commented 3 years ago

If the config is correct the recompile should be done after each save. Are you sure you're running the app in the correct directory? In the above example it should be start-here , not src. Best regards

Cyryl Błażyca free commented 3 years ago

Thank you for your response Michał. I've done some more troubleshooting, and it seems that for some reason the app is not using the App.vue start as it's main source (or however you'd call it), but instead it's using a file called HelloWorld.vue in the start-here/src/components directory.

The actual file I'd like it to use is called App.vue, located in getting-started/start-here/src/. How should I got about making it use the correct file?

I'm starting the app using the 'npm start' command in the start-here directory too, not the start-here/src one.

Cheers.

Mikołaj Smoleński staff commented 3 years ago

I strongly recommend to update Vue CLI: https://cli.vuejs.org/guide/installation.html and repeat the installation process: https://mdbootstrap.com/docs/vue/getting-started/quick-start/

Best regards

Add comment