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

最新推荐文章于 2024-07-13 09:29:16 发布
最新推荐文章于 2024-07-13 09:29:16 发布
阅读量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 1656
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+移动端webview打包后页面加载空白问题解决办法
最新发布
云加速
07-13 292
在使用Vue3、Vite以及移动端Webview进行开发时，打包后页面加载出现空白的问题可能是由于多种原因造成的。通过上述方法，你可以尝试解决Vue3、Vite以及移动端Webview打包后页面加载空白的问题。确保Webview的配置正确，没有阻止JavaScript的执行或资源的加载。属性，以正确设置基础路径，使得构建后的资源能够从正确的相对路径加载。如果资源是从不同的域加载的，确保服务器配置了正确的CORS策略。确保打包后的资源文件没有损坏，并且所有依赖都已正确加载。在所有环境中都是可用的。
No match found for location with path “/“问题如何解决
qianqian0707的博客
03-08 9906
对于学习前端vue框架的人来说，总是能碰到各种不一样的报错
[Vue Router warn]: No match found for location with path 出现空白页面
nuli23的博客
03-08 1392
唯一性。
针对VUE3+TS+VUE-ROUTER4 出现[Vue Router warn]: No match found for location with path “/system/perm“
cenjihai的博客
05-19 3179
针对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打包后刷新页面报错：Unexpected token <
10-16
在使用Vue.js框架开发的项目中，打包后的静态文件部署到生产环境中时，遇到了页面刷新后报错“Unexpected token <”的问题。这个问题表明在解析index.html或者发生错误的页面时，解析器遇到了一个不符合预期的字符...
vue3+vite线上打包router路由懒加载报错(已解决)
weixin_61273407的博客
08-08 1094
找了很多方案, 最后找到一位作者的方法, 成功了。线上打包报错, router找不到对应文件。router路由使用懒加载。使用vue3提供的异步引入。
vue3用vite打包上服务器后报错显示页面空白
k490031的博客
03-23 1224
vue3用vite打包上服务器后报错显示页面空白
macos解决“zsh: no matches found“
yjk13703623757的博客
03-07 9328
macOS
vue-router4路由报“[Vue Router warn] No match found for location with path“
m0_67394006的博客
03-09 6151
这里出现该问题的原因： 在路由配置了参数路径 但是，跳转的路径没有参数： 因此控制台出现了：
uniapp：通过vue-cli命令行创建无法找到dcloudio/uni-preset-vue，Fetching remote preset dcloudio/uni-preset-vue.. ER
刻痕
01-20 1027
## 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 3710
在本地调试服务环境解决. 在项目终端输入 npm install -g serve 安装服务器环境 安装完成后，输入 serve -s dist 运行后启动服务域名就可以了
Vue3+vite打包后页面空白问题
05-16 1661
二、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。
VUE3.0 No match found for location with path
milinfeng的博客
10-12 2607
在前置路由里面， 判断一下是否为空再进行操作 代码如下: 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、付费专栏及课程。

余额充值