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/(项目名称)",
修改为:
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. この本を 読んだことがあります。 読みます -> 読んだことがあります 我看过这本书。