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。

没有评论

  • :arrow:
  • :grin:
  • :???:
  • :cool:
  • :cry:
  • :shock:
  • :evil:
  • :!:
  • :idea:
  • :lol:
  • :mad:
  • :mrgreen:
  • :neutral:
  • :?:
  • :razz:
  • :oops:
  • :roll:
  • :sad:
  • :smile:
  • :eek:
  • :twisted:
  • :wink: