当我尝试使用Azure devops构建Angular 应用程序并部署到Azure静态Web应用程序时,我收到以下错误
应用程序生成未能生成项目文件夹:'dist/harmony-front'。请确保在部署配置文件中正确配置了此属性。
我尝试更改output_location to / , dist, /dist , dist/harmony-front,
好像什么都不管用
下面是部署部分的yaml代码
- task: AzureStaticWebApp@0
inputs:
app_location: "/"
api_location: "api"
output_location: "./dist/harmony-front"
app_build_command: 'npm run build:prod'
skip_api_build: true
verbose: true
env:
continueOnError: true
CUSTOM_BUILD_COMMAND: "npm install --force"
azure_static_web_apps_api_token: $(deployment_token)
我犯了什么错
谢谢
2条答案
按热度按时间46qrfjad1#
我已尝试重现相同的结果,并在遵循以下步骤后获得了积极的结果。
步骤1:创建一个简单的角项目,在本地机器上构建该项目,并检查dist文件夹。
步骤2:将代码推送到Azure Repos。
步骤3:创建azure管道,如下所示。
步骤4:验证结果。
如果您仍然面临该问题,请验证angular.json文件中的AzureStaticWebApp@0输出位置路径,如下所示。两个路径必须准确。
qkf9rpyu2#
事实上,我发现了这个问题,并将张贴供将来参考。如果有人有同样的问题。
当您使用
CUSTOM_BUILD_COMMAND
覆盖构建命令时,问题开始将覆盖RUN_BUILD_COMMAND
,因此基于comment of the issue posted on Github而不是npm install --force
命令结合构建(如npm install --force && npm run build
),工作方式类似于charm