vue项目运行后页面一片空白

最新推荐文章于 2025-06-17 16:37:03 发布

小皓再向前

最新推荐文章于 2025-06-17 16:37:03 发布

阅读量4.9k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/weixin_44693690/article/details/123654968

本文讲述了作者在寻找问题原因时，意识到查看控制台对于定位问题的关键性。通过删除一个不存在的路由，成功修复了页面显示问题。强调了解决技术问题时，应首先分析问题源头，避免盲目搜索解决方案。提倡对症下药和深入理解问题本质的解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

找了很多文章，都不知道为什么

结果去控制台，找到了问题所在

多写了一个不存在的路由，把这个不存在的路由删掉，页面就能正常显示了

这说明了看控制台的重要性，

一定要对症下药，不要一遇到问题就上网搜索，

一定要找到你问题出现的原因，再上网搜索相关的解决方案。

这可能就是解决bug的正确方式

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小皓再向前

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue打包后显示空白正确处理方法

08-28

总的来说，解决 Vue 打包后显示空白页的问题需要细心排查，从项目配置到浏览器端的错误信息，每一步都可能成为关键。记住，每个项目的具体情况可能会有所不同，所以不要怕花时间去分析和调试。同时，保持项目结构...

Vue 2.0在IE11中打开项目页面空白的问题解决

08-29

Vue 2.0在IE11中打开项目页面空白的问题解决 Vue 2.0是一个流行的前端框架，然而在IE11中打开项目页面时，可能会出现空白的问题。这个问题的出现是因为Babel默认只转换新的JavaScript句法（syntax），而不转换新的...

参与评论您还未登录，请先登录后发表或查看评论

vue项目打包后打开页面空白解决办法

01-21

网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。 1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。先看一下默认的路径。 module.exports = { build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: p

vue项目启动后，页面显示空白

猪儿君的博客

03-24

1万+

XXXX is not defined

Vue 应用的首屏白屏问题

热门推荐

xin123____的博客

03-11

4万+

会出现vue项目页面空白，通常问题是在于路由上，可能是以下几种原因： 1.路由重复。如果配置了两个路由是重复的，比如配置了两个【path: ‘/’】，那么访问就会看到空白页面，这时候改下重复的路由配置即可。 2.路由没有配置。如果没有配置路由，那么访问的页面也可能是空白页，比如访问/yanggb，但是路由里却没有配置，这时候配置上丢失的路由配置即可。 3.路由配置指向页面为空白页。这种情况就比较玄乎了，配置了指向的页面什么都没有，展示自然也是空白页。总结当然可能还会有别的原因导致vue项目出现空白

使用vue-cli3.x创建项目运行后页面出现一片空白

weixin_41377835的博客

05-18

2274

使用vue-cli3.x创建项目运行后页面出现一片空白： vue.runtime.esm.js?2b0e:619 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. 原因：个

vue项目运行后页面一片空白Cannot read properties of undefined (reading 'config')

01-14

根据提供的引用内容，出现这个错误可能是因为在Vue项目中某个地方尝试访问了一个未定义的属性或方法。具体来说，错误信息中的"Cannot read properties of undefined"表示尝试读取一个未定义的属性，而"reading '...

Vue项目部署在Spring Boot出现页面空白问题的解决方案

12-02

如果Vue项目的`assetsPublicPath`配置为绝对路径`/`，则在刷新浏览器或直接访问子路由时，资源路径将不正确，导致页面空白。针对这个问题，网上流行的解决方案是将`assetsPublicPath`改为相对路径`./`。这样做的...

解决vue项目不报错但是运行为空白页的问题

m0_73067198的博客

08-19

781

然后又逐个检查所有文件的时候，发现我的内容都写在Layout文件夹中的index.vue中，然后把内容剪切到了App.vue中就好了！查了很多攻略方面都说主要可能是路由文件的问题，但是仔仔细细检查了好多遍仍然没有发现错误。省流——先重点检查所有路由文件和导入的大小写，然后保证所需界面为App.vue。

解决 Vue 项目页面空白问题的排查之旅

m0_57836225的博客

10-03

4262

在开发 Vue 项目的过程中，我们难免会遇到各种问题。最近，我在开发一个象棋游戏项目时，就遇到了一个令人困扰的问题：项目启动后页面是空白的。经过一番排查，我总结了以下的排查思路和方法，希望能对其他开发者有所帮助。

Vue项目启动后页面为空白解决方案

weixin_43254676的博客

04-22

4万+

之前打包的时候有问题，网上有解决方案说更改build中assetsPublicPath的路径，可能自己改错了位置，build和dev中的assetsPublicPath的路径不同， dev中 assetsPublicPath： / build中 assetsPublicPath：./ 今后多注意 ...

vue 项目上线后，页面空白但不报错的问题（缓存问题）

CS饭的博客

07-01

6165

vue 项目从 pre 环境上到正式环境后，在一些同事电脑中出现问题。在一个同事电脑的 chrome 浏览器中，从租户切换到管理员账户后，点击侧边栏，逐个进入新开发的页面（新增加的路由、新增加的页面），页面空白没有任何内容，但是控制台中没有任何报错，必须刷新一下才有内容。且该问题只在他的 chrome 浏览器中出现，其他浏览器没有问题。在另一个同事电脑中，不用切换账户、不用退出登录，关掉当前页面后，重新从该项目入口进入后，点击侧边栏中的新开发页面，也出现页面空白问题，刷新浏览器后页面正常。在其他一些人的电脑

vue项目运行不报错，但是页面空白

CLAY_Z的博客

04-17

2781

创建Echarts图时，项目正常运行了，路由没问题。但是页面空白。找了好久错误，终于明白少了个 <router-view/>组件。。

vue项目页面空白但不报错产生的原因分析

qq_60976312的博客

08-04

1万+

vue项目页面空白但不报错产生的原因分析

vue项目build之后页面问题(页面空白,图片异常)

MG516的博客

06-12

2095

页面空白找到项目的config目录下的index.js 把build对象下的assetsPublicPath改成‘./’ build: { assetsPublicPath: './', } 图片记载不出来 1.针对src/style和.vue文件下的图片资源路径问题找到项目的build目录下的utils.js 找到下面代码段，新增publicPath: '../../' retur...

vue项目启动后，页面全空白，并报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)

m0_46459413的博客

11-09

7966

vue项目启动后，页面全空白，并报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install’)试了试还是不管用就在网上查到需要后面加上 -legacy-peer-deps 可以绕过peerDependency自动安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。执行完毕后，即可正常启动项目。