Netlify部署Angular项目时无法识别ng命令问题求助
解决方案
- 修改Netlify构建命令:将Netlify构建设置里的
Build command从原有的ng build替换为npm run build。npm执行脚本时会自动调用项目本地node_modules中安装的Angular CLI,不需要依赖全局的ng命令,从根源解决找不到ng指令的问题。 - 核对项目依赖配置:确保
package.json的devDependencies中已经包含@angular/cli依赖,若缺失可在本地执行npm install @angular/cli --save-dev后重新提交代码即可。 - 匹配Node.js版本:确认本地开发使用的Node.js版本,在Netlify的环境变量配置中新增
NODE_VERSION变量,值设为和本地一致的版本号(例如18.17.0),避免因版本差异导致依赖安装异常、指令调用失败。 - 核对输出目录配置:确认
angular.json中outputPath的配置值,将Netlify的Publish directory设置为和outputPath完全一致的路径,避免构建完成后平台找不到部署资源。
内容的提问来源于stack exchange,提问作者M. Gamie
相关产品推荐
相关产品推荐

