Vscode运行vue文件时没有问题但是打开页面却一片空白，vue中也没东西

如图所示，用npm run serve运行时可以正常运行

img

打开页面就一片空白没有东西

img

看看控制台报错了没

运行成功只说明你代码没错误，但 出不来东西可能是 路由配置，组件引入的问题 。你在根组件加几个字看看能不能显示

  • 这篇博客: 使用vscode运行第一个vue程序中的 2.3通过npm run dev启动项目 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • npm run dev

看你的路由，你切换路由试试，可能你没有默认的路由，或者默认的路由当中就是空的
下面截图，你的router哪去了，路由在router里面配，查看的时候也是在router里面

img