vite项目报504错误

已于 2023-12-13 11:00:25 修改
阅读量4.1k 收藏 2
点赞数
文章标签： javascript 前端
于 2023-11-07 16:56:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_72689772/article/details/134271268
版权

GET http://localhost:5000/tomography/node_modules/.vite/deps/@antv_g6.js?t=1699346835541&v=aa63f4a0 net::ERR_ABORTED 504 (Outdated Optimize Dep)

一个神奇的错误,是在引入图表库的时候报的错误,解决办法是
1.强制刷新页面：按下 Ctrl（Windows）或 Command（Mac）键并同时按下刷新按钮，或者使用快捷键 Ctrl/Cmd + Shift + R 强制刷新页面。这将绕过浏览器缓存并加载最新的文件。
2.清除缓存：修改 Vite 的配置，我当时是修改build文件时候才可以实现的
3.清除缓存：尝试清除 Vite 的缓存，可以通过在终端中运行以下命令来实现：
太难受了!!!

vue3 - vite项目打包后访问白屏报错Expected a JavaScript module script but the server responded with a MIME type
高级前端工程师
12-18 7327
vue3，vite，打包build部署报错，页面白屏，vue报错，Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec，关于vite build后访问报错：Expected，vite打包 nginx部署报错，服务器base配置，资源路径
如何创建一个vite+vue3+ts项目（小白必看）
蜗牛~~
06-15 2583
当修改代码时，HMR 能够在不刷新页面的情况下，把页面中发生变化的模块，替换成新的模块，同时不影响其他模块的正常运作。在我们使用 node 方法（比如 path.resolve）时提供 ts 类型声明，否则编辑器会报错，虽然不影响代码运行，但是会有红线很影响心情，如下图所示。Pinia 支持热更新，所以你可以编辑你的 store，并直接在你的应用中与它们互动，而不需要重新加载页面，允许你保持当前的。（2）写好页面之后，我们来创建路由，在 src 路径下新建 router/index.ts。
vue踩坑集合
lgdaren的博客
03-02 7204
bug复现： 根据路由加载动态组件，使用了computed 监听路由变化，离开页面会重新加载组件，触发钩子函数。 computed会执行两次，而第一次是没有数据的，需要额外进行处理。今天用一种简单的方式即可解决。 添加链接描述 ...
vite运行antd提示错误
weixin_38626872的博客
03-14 474
GET遇到的这个错误通常与 Vite 的依赖预构建有关，下面为你详细分析可能的原因以及对应的解决办法。
vue3使用总结
加油啊，为了每一天。
11-19 754
component vue 文件中初始化的 props 值 默认会被 component 使用时 直接绑定的值覆盖，且不会触发 watch 方法。接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value。_即： script 标签只能放在 div 外 , body 内 _即： script 标签放在 div 内或者外部都可以。函数使该对象具有高度的响应式。disable cache 即可。返回对象的响应式副本。
浏览器报错：node_modules.com/.vite/deps/*** net::ERR_ABORTED%20504
码农键盘上的梦
01-22 4952
node_modules/.vite/deps/ 目录是 Vite 打包应用时，用来存储预编译文件。如果在开发应用过程中，新引入一些外部依赖包，Vite 可能没有及时识别，并进行预编译。此时，应用就出现获取预编译文件内容的http请求报错。删除 node_modules/.vite/deps/ 目录，并重新启动应用。
vue3＋vite导入第三方库报ERR_ABORTED 504 (Gateway Timeout)
weixin_45743541的博客
09-28 9899
vue3＋vite,使用了三方库NProgress，使用npm install --save nprogress 安装后在项目中使用，报错：ERR_ABORTED 504 (Gateway Timeout)，
在项目中安装依赖报net::ERR_ABORTED 504错误
OYlan_的博客
12-04 1449
在项目中安装依赖报net::ERR_ABORTED 504错误
vue3 项目启动报504（vue3后台管理模板开发）
zihan0321的博客
08-20 2665
Outdated Optimize Dep” 表示 Vue 3 项目中的某些依赖项存在过时的优化。这可能导致本地地址访问出现问题，而网络地址正常访问的原因是网络地址可能使用了较新版本的依赖项。
net::err_aborted 错误码 404
Andrew_Chenwq的博客
05-26 9529
一般来说，在jsp中引入js、css时就可能会出现net::ERR_ABORTED 404（即Not Found）错误，即前端报错，解决方式也有两种比较常见的方式。
【Vue3+TS项目】硅谷甄选day03--layout组件搭建+路由配置+左侧菜单搭建
m0_55644132的博客
05-31 2297
需要至少四个一级路由：主页、登入页、404页、任意路由（指向404）安装路由插件：4版本src下新建文件夹views分别创建404、login、home路由组件src下新建router文件夹---包含index.ts和routes.ts入口文件中引入路由并注册 src/main.ts一级路由在App组件中展示即可。
vite + tsc 打包报TS类型错误问题及解决方法
pig_ning的博客
08-09 1777
vite + tsc 打包报TS类型错误问题及解决方法
创vite项目时报错——文件名、目录名或卷标语法不正确
菜鸡的博客
09-12 579
通过附加的命令行选项直接指定项目名称和你想要使用的模板。执行了之后报错了。
vite项目启动项目报vite不是内部或外部任务，也不是可运行的程序或批量文件
最新发布
04-25
好的，我现在需要解决用户在Vite项目启动时遇到的“vite不是内部或外部命令”的问题。首先，我应该回想一下这个错误的常见原因。通常，当系统找不到某个命令时，可能是因为对应的包没有被正确安装或者在全局路径中...
问题：vite首次加载慢
weixin_48420104的博客
09-11 1495
不是说vite项目的启动很快很快吗？vite项目的启动确实是快（注意这里的启动是指命令行启动完毕，不是指启动完之后首页加载完毕）如果某个界面是首次进入，且依赖比较多/比较复杂的话，那就会比较慢了。vite之所以启动快，是因为vite启动时并不会像webpack一样对所有代码进行编译/打包/压缩, 他只会对一小部分代码进行一些简单的处理，剩余的工作都交给浏览器，以及运行时进行依赖分析，动态打包，动态引入。引入element-plus组件后。
什么是错误代码504，怎么解决
热门推荐
这家伙很懒，什么都没有留下
07-20 3万+
错误代码504（Gateway Timeout）是一个HTTP状态代码，通常表示服务器到网关的请求超时。当您向服务器发送请求时，它通常会将请求转发给其他服务器或网关来处理，然后将响应返回给您。如果网关在一定的时间内无法从上游服务器收到响应，就会发生504错误。总结一下，要解决错误代码504（Gateway Timeout），您可以采取以下步骤：1. 刷新页面。2. 检查网络连接。3. 延迟一段时间。4. 更换浏览器。5. 清除缓存和Cookie。6. 检查代理设置。
VUE前端报错 504 Gateway Time-out
jhzhang1983的博客
03-14 5660
还会看到Error occurred while trying to proxy request…… 这时候就要检查下代理设置中http有没有加，尤其是IP地址正确不正确 proxyTable: { '/api': { target: 'http://XX.XX.XX.XX:XXX00', changeOrigin: true, pathRewrite: { '^/api': '/api' }, ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值