Estoy empezando con Vue pero tengo problemas con el renderizado. Estoy siguiendo este tutorial aquí . Hasta ahora esto es todo lo que hice en la aplicación.

 <template> <div id="app"> <h1>To-Do List</h1> </div> </template> <script> export default { name: 'App', }; </script> <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style>

Pero esto no es renderizado y por eso agregué. Todavía veo la misma representación original de cuando creé la aplicación por primera vez. usando vue create mod-todo-vue . No entiendo porque. Incluso pensé que tal vez el servidor no estaba viendo mis archivos en busca de cambios, pero lo reinicié y, para mi sorpresa, todavía muestra la representación de la aplicación web original como si no hubiera hecho ningún cambio. Por favor, que alguien me ayude, realmente me gustaría seguir adelante con esta parte.

Aquí está mi package.json

 { "name": "something", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "core-js": "^3.6.5", "vue": "^3.0.0" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-eslint": "~4.5.0", "@vue/cli-service": "~4.5.0", "@vue/compiler-sfc": "^3.0.0", "babel-eslint": "^10.1.0", "eslint": "^6.7.2", "eslint-plugin-vue": "^7.0.0" }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/vue3-essential", "eslint:recommended" ], "parserOptions": { "parser": "babel-eslint" }, "rules": {} }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ] }