基于Svelte+Vite+TS的项目部署Cloudflare自定义域名后JS语法错误求助
Cloudflare自定义域名部署Vite+Svelte项目出现语法错误问题
我使用Svelte(4.2.10) + Vite(5.1.1) + TypeScript(5.2.2)构建了一个静态网站。本地执行vite命令启动开发服务时运行正常,执行vite build构建后用miniserve托管dist目录也能正常渲染。但部署至Cloudflare并使用自定义域名访问时,浏览器报语法错误(SyntaxError)且无法渲染页面。
已创建最小复现示例仓库,复现该问题仅需依赖core-js。问题演示页面应显示“1,2,3,4,5”,实际控制台报语法错误。
问题特征
- 使用Cloudflare默认pages.dev域名部署时无此问题(该域名下页面可正常运行)
- 本地用Nginx部署时无此问题
- 并非立即出现,仅在打开开发者控制台刷新页面后显现,且出现后刷新无法修复
- 已测试多款浏览器及干净配置文件,均出现该问题,排除浏览器扩展影响
从零复现步骤
- 执行
npm create vite@latest创建Vite+Svelte项目 - 安装
core-js并在代码中导入使用 - 部署至Cloudflare Pages(我使用了GitHub和GitLab集成)
- 为Cloudflare Pages设置自定义域名
内容的提问来源于stack exchange,提问作者Hykilpikonna
相关产品推荐
相关产品推荐

