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。

意思保持(干/做)… 保持做什么的状态
用法动词 た形 + まま

例句:
1. 昨日 窓を 開けたまま 寝てしまいました。 開けます -> 開けたまま 昨天开着窗户睡着了。 
2. 座ったまま 聞いてください。 座ります -> 座ったまま 请你坐着听。

意思最好(干/做)… /(干/做)…比较好 给别人建议
用法动词 た形 + 方(ほう)がいいです(よ)

例句:
1. 薬を 飲んだほうがいいですよ。 飲みます -> 飲んだほうがいいですよ  最好吃药哦(吃药比较好哦)。 
2. 野菜を 食べたほうがいいですよ。 食べます -> 食べたほうがいいですよ 最好吃蔬菜哦。

意思(干/做)… (干/做)… 列举
用法动词 た形 + り、た形+りします

例句:
1. 週末うちで 掃除したり洗濯したりします。 掃除します/洗濯します  周末在家打扫打扫卫生洗洗衣服。 
2. 明日は学校へ行ったり 友達とご飯を食べたりします。 行きます/食べます 明天去趟学校和朋友吃饭。

意思有(干/做)… 有…的经验
用法动词 た形 + 事(こと)があります

例句:
1. 日本へ 行ったことがあります。 行きます -> 行ったことがあります 我去过日本。 
2. この本を 読んだことがあります。 読みます -> 読んだことがあります 我看过这本书。