Angular项目部署Cloudflare Pages失败，寻求解决方法

核心问题定位 #

构建失败的直接原因是Cloudflare配置的构建输出目录/dist/cloudflare不存在，同时你本地也没有dist目录，说明要么本地未执行过构建，要么构建命令/输出路径配置不匹配。

分步解决 #

1. 先在本地验证构建流程 #

在项目根目录执行以下命令，确保本地能正常生成构建产物：

• 安装依赖（如果未安装过）：npm install
• 执行构建：npm run build

执行完成后，查看项目根目录下的dist文件夹，里面会有一个以你的项目名称命名的子文件夹（比如项目名为my-angular-app，则路径是dist/my-angular-app）——这就是实际的构建输出目录。

2. 调整Cloudflare构建设置 #

登录Cloudflare Dashboard，找到你的项目部署配置，修改以下内容：

• 构建输出目录：替换为你本地实际生成的路径，比如dist/你的项目名称（注意替换成你自己的项目名）
• 确认构建命令：检查项目根目录的package.json中scripts字段的build命令是否为"build": "ng build"，如果是，Cloudflare的npm run build命令无需修改；如果不是，同步修改Cloudflare的构建命令。
• 确认Node版本：确保.nvmrc中指定的Node版本在Cloudflare构建系统2的支持范围内（目前支持Node 16、18、20版本）。

3. 重新触发部署 #

保存Cloudflare的配置修改后，手动触发一次重新构建部署，等待流程完成即可。

内容的提问来源于stack exchange，提问作者master_beta