Vue.js渲染异常：修改App.vue后仍显示项目初始化默认内容

排查解决步骤 #

• 优先确认你修改的是项目src目录下的App.vue文件，新手经常会误改其他目录下的重名文件（比如node_modules内的、public目录下的其他文件），导致修改不生效。
• 检查src/main.js中的根组件引入路径是否正确，确认代码是import App from './App.vue'，没有指向其他位置的App文件。
• 强制刷新浏览器或者切换无痕模式访问页面，部分情况下浏览器会缓存旧的静态资源，即使服务重启也会加载缓存内容，按Ctrl+F5（Windows）/Cmd+Shift+R（Mac）可以强制拉取最新资源。
• 查看运行npm run serve的终端控制台是否有报错信息，如果你的代码存在语法错误，Vue CLI会保留上一次编译成功的结果，不会更新页面内容，有报错先修复对应报错即可。
• 如果以上步骤都无效，可以先删除项目下的node_modules文件夹和package-lock.json/yarn.lock文件，重新执行npm install安装依赖，再重启开发服务测试。

内容的提问来源于stack exchange，提问作者The silent one