vue项目使用vite打包后出现白屏并报错No match found for location with path

最新推荐文章于 2024-05-16 16:51:03 发布
最新推荐文章于 2024-05-16 16:51:03 发布
阅读量2.8k 收藏 2
点赞数
分类专栏： 踩坑 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AzeShinja/article/details/126490081
版权

今天使用vite打包后出现白屏的问题，开始以为是vite的哪里配置出现了错误，经过排查后发现是router配置的问题

在router中我之前使用的是

createWebHistory

我一眼就发现他不对劲，在我更改为如下形式后 还是不好用

createWebHistory(process.env.VUE_APP_ROUTER),

最后直接放弃上述模式， 直接使用

createWebHashHistory()

就直接可以啦 🎇🎇🎇🎇🎇🎇🎇🎇🎇🎇🎇🎇🎇🎇

最后还是想知道使用这个模式 createWebHistory 该如何解决打包后白屏的问题, 如果有知道的评论区教教我，非常感谢 阿里嘎多!

AzeShinja
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[vue]控制台报错 vuerouter [Vue Router warn]: No match found for location with path
qubes的专栏
03-01 1642
vue]控制台报错 vuerouter [Vue Router warn]: No match found for location with path。
解决Vue3.0 页面刷新 [Vue Router warn]: No match found for location with path 警告
热门推荐
283301717的博客
08-23 4万+
解决 vue 刷新浏览器 [Vue Router warn]: No match found for location with path 警告
Vue3+vite打包后页面空白问题
最新发布
05-16 1321
二、vue3 vite打包后页面白屏控制台报错Access to script at 'file:///E:/vueProject/vue3-project/Vue3-big-event-admin/dist。1 安装兼容插件 @vitejs/plugin-legacy。原因：资源路劲问题修改：vite.config.ts。在vite.config.ts 中进行配置。然后到 dist目录下在cmd 中运行。想要查看，可以安装一个本地服务器插件。四、nginx.conf。
No match found for location with path “/“问题如何解决
qianqian0707的博客
03-08 9670
对于学习前端vue框架的人来说，总是能碰到各种不一样的报错
[Vue Router warn]: No match found for location with path 出现空白页面
nuli23的博客
03-08 1355
唯一性。
针对VUE3+TS+VUE-ROUTER4 出现[Vue Router warn]: No match found for location with path “/system/perm“
cenjihai的博客
05-19 3161
针对VUE3+TS+VUE-ROUTER4 出现[Vue Router warn]: No match found for location with path "/system/perm"的解决方案
关于vue-cli3打包代码后白屏的解决方案
10-14
在使用Vue CLI 3进行项目开发时，遇到打包后白屏的问题可能是由于多种原因导致的。本文将详细介绍如何解决这个问题，并提供一些相关的补充知识。 首先，白屏现象通常是由于资源加载失败或路由配置不当引起的。当...
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 项目打包完成后运行文件路径报错问题
10-16
在开发环境中，Vue CLI 自动处理构建、热更新等各种任务，但在项目打包完成后，可能会遇到运行时的文件路径报错问题。这类问题通常与项目的输出目录设置、静态资源路径引用及服务器部署配置有关。 在 Vue CLI 2.x ...
vue项目打包后打开页面空白解决办法
08-27
Vue 项目打包后打开页面空白解决办法 在 Vue 项目开发中，经常会遇到打包后打开页面为空白的情况，本文将详细介绍解决这种问题的方法。 一、路径问题 在 Vue 项目中，index.html 文件中的内容都是通过 script ...
解决vue build打包之后首页白屏的问题
08-27
在开发Vue.js应用时，我们通常会使用`npm run build`命令将项目打包为生产环境版本。然而，有时候在执行这个命令后，发现打包后的应用在浏览器中打开时会出现首页白屏的情况。这个问题可能由多种原因引起，但最常见...
vue3+vite线上打包router路由懒加载报错(已解决)
weixin_61273407的博客
08-08 1059
找了很多方案, 最后找到一位作者的方法, 成功了。线上打包报错, router找不到对应文件。router路由使用懒加载。使用vue3提供的异步引入。
vue3用vite打包上服务器后报错显示页面空白
k490031的博客
03-23 1182
vue3用vite打包上服务器后报错显示页面空白
macos解决“zsh: no matches found“
yjk13703623757的博客
03-07 9137
macOS
vue-router4路由报“[Vue Router warn] No match found for location with path“
m0_67394006的博客
03-09 6076
这里出现该问题的原因： 在路由配置了参数路径 但是，跳转的路径没有参数： 因此控制台出现了：
uniapp：通过vue-cli命令行创建无法找到dcloudio/uni-preset-vue，Fetching remote preset dcloudio/uni-preset-vue.. ER
刻痕
01-20 986
## uniapp：通过vue-cli命令行创建无法找到dcloudio/uni-preset-vue，Fetching remote preset dcloudio/uni-preset-vue.. ERROR Failed fetching remote preset dcloudio/uni-preset-vue: 如图： ![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/02c44bac4e624620acccc3a48c8cb6ab.png) #
vue3.x:vite打包后页面打开空白报错解决
IU
02-27 3700
在本地调试服务环境解决. 在项目终端输入 npm install -g serve 安装服务器环境 安装完成后，输入 serve -s dist 运行后启动服务域名就可以了
VUE3.0 No match found for location with path
milinfeng的博客
10-12 2602
在前置路由里面， 判断一下是否为空再进行操作 代码如下: if (to.matched.length == 0) { router.push(to.path); }
vue项目[Vue Router warn]: No match found for location with path "/"
08-16
- *1* [[vue]控制台报错 vuerouter [Vue Router warn]: No match found for location with path](https://blog.csdn.net/qubes/article/details/129275677)[target="_blank" data-report-click={"spm":"1018.2226....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值