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: