当前位置: 首页 > news >正文

vercel上线资源无法加载

背景:在本地跑开发服务器没问题,但是部署到 vercel 上就有问题

上一次出现类似问题是在更新游戏引擎方法后本地可以跑但是上线没有成功,当时是因为 runner.html 是在部署时通过脚本从远端仓库拉取的,所以解决方案:1.更新远端仓库(但是这个仓库是由游戏引擎组管理,所以正确做法是沟通)2.但是当时由于需求有点紧急,所以我得先自己模拟实现,那么就去构建脚本中实现添加

但是现在的问题是页面都无法显示,然后我去控制台看到了两个报错:1.从CDN拉取资源后COEP;2.mqq第三方库报错

那么我的直觉就是 COEP 导致的资源无法加载,但是我明明使用了 useExternalUrl 函数来解决,而且当我去看发现连 DOM树 构建都受阻了,于是我尝试先修复问题2

首先是代码中尝试直接用 window.mqq上的方法,未作空值处理

其次,第三方平台模块作者直接将 mqq.js 放在了 src 文件夹下,导致了在 部署到vercel 上、被 Vite 打包的过程中路径被hash处理后重写了,然后我把其放在 public 文件夹下面就解决了显示的问题

至于 infird.com 的CDN 的COEP问题不只开发环境有,线上 x.qiniu.com 也有,我上报了问题然后等修复再pull一下就好

附:总结了Vite项目中一般放在public中的

- 静态资源文件:如图标、图片、字体、配置等

- 第三方库/脚本:非ES模块的第三方库(mqq.js就不是ES的,所以得放)、CDN替代品、Web Workers

- 直接访问的文件:下载文件、HTML、JSON数据等

而像那些需要被 JavaScript 模块系统处理的放在 src 中

http://www.dtcms.com/a/361040.html

相关文章:

  • 上海泗博MQT-805 Modbus转IOT的通信网关
  • Linux arm cache 入门
  • 【K8s】整体认识K8s之监控与升级/ETCD的备份和恢复/kustomization/CRD
  • MySQL DBA请注意 不要被Sleep会话蒙蔽了双眼
  • Python云原生与Serverless架构:2025年的开发新范式
  • 005 从会议全貌到模型本质:会议介绍与语言模型概述的深度融合
  • DevOps篇之通过GitLab CI 流水线实现k8s集群中helm应用发布
  • 深入解析 PyTorch 核心类:从张量到深度学习模型
  • 秋招笔记-8.29
  • 20.29 QLoRA适配器实战:24GB显卡轻松微调650亿参数大模型
  • 从理论到实践,深入剖析数据库水平拆分的安全平滑落地
  • 6 种可行的方法:小米手机备份到电脑并恢复
  • QT中的HTTP
  • 贝叶斯向量自回归模型 (BVAR)
  • 佐糖PicWish-AI驱动的在线图片编辑神器
  • 齿轮里的 “双胞胎”:分度圆与节圆
  • 3-6〔OSCP ◈ 研记〕❘ WEB应用攻击▸WEB应用枚举B
  • Coolutils Total PDF Converter中文版:多功能PDF文件转换器
  • DL00212-基于YOLOv11的脑卒中目标检测含完整数据集
  • 专题:2025全球新能源汽车供应链核心领域研究报告|附300+份报告PDF、数据仪表盘汇总下载
  • Ubuntu 服务器实战:Docker 部署 Nextcloud+ZeroTier,打造可远程访问的个人云
  • 开源模型应用落地-模型上下文协议(MCP)-为AI智能体打造的“万能转接头”-“mcp-use”(十二)
  • 2025年AI智能体开源技术栈全面解析:从基础框架到垂直应用
  • CSS 选择器完全指南:从基础到高级的全面解析
  • lesson51:CSS全攻略:从基础样式到前沿特性的实战指南
  • 面试常考css:三列布局实现方式
  • 前端必看:为什么同一段 CSS 在不同浏览器显示不一样?附解决方案和实战代码
  • LangChain开源LLM集成:从本地部署到自定义生成的低成本落地方案
  • 开源 React 脚手架推荐
  • LeetCode每日一题,2025-09-01