CloudFlare 支持部署 Angular 17,但是需要稍微做一点调整。

使用 CloudFlare 命令行创建 Angular 17 工程后,需要将 package.json 中的命令

"start": "npm run pages:build && wrangler pages dev dist/cloudflare
改为:
"start": "npm run pages:build && wrangler pages dev dist/browser
angular.json 中需要将 outputPath 从:
"outputPath": "dist/(项目名称)",
修改为:
"outputPath": "dist",
cloudflare 新建 pages 项目,build 命令处设置为:
Build output directory:/dist/browser

这个 /dist/browser 请几个地方保持一致,就可以正常的访问了。

这么一设置之后,部署之后 functions 也可以正常访问,前端页面也可以正常访问,本地开发的 functions 也可以正常访问,只是还不能启动 ng serve 然后 wrangler pages dev 来开发。需要 ng build 之后,wrangler pages dev 来开发,但是不需要重新跑 wrangler pages dev。