Building your first static web app in the Azure portal

Kate 1 Reputation point
2020-10-10T07:49:29.01+00:00

Hi @soumi-MSFT ,

Thank you for assisting Re: static website last time.

In the end, I have decided to build my first static web app in the Azure portal, not VM. (I read review about this app. Sounds great!) I have followed each step of the article 'Building your first static web app in the Azure portal'. https://learn.microsoft.com/en-gb/azure/static-web-apps/get-started-portal?tabs=vanilla-javascript

Yes, I successfully created it. Thank you the article author!

Then, I viewed the website and click at 'Click here to check the status of your GitHub Actions runs'. Then the problem happens at GitHub, which resists build and deploy job. It says that 'Error: Could no detect the language from repo' and 'Failed to find a default file in the app artifacts folder (/). Valid default files: index.html,Index.html.
If your application contains purely static content, please verify that the variable 'app_location' in your workflow file (located in .github/workflows) points to the root of your application.
If your application requires build steps, please validate that a default file exists in the build output directory.'

Is there superman/woman who can fix this problem!

Thank you for your help.

Best,

Kate

Azure App Service
Azure App Service
Azure App Service is a service used to create and deploy scalable, mission-critical web apps.
8,257 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. ajkuma 27,946 Reputation points Microsoft Employee
    2020-10-12T13:12:48.31+00:00

    @Kate , Thanks for posting this good question. Hope you had a good weekend!

    Firstly, much appreciate your positive feedback for Soumi-MSFT's support and document author, we are glad to hear that and have shared the feedback :)

    Most Angular apps will actually put the built application in "dist/<name of angular app>" and could be due the trailing '/' (As discussion here)

    Just to highlight/to review:

    app_location -Location of your application code. For example, enter / if your application source code is at the root of the repository, or /app if your application code is in a directory called app.

    app_artifact_location - Location of the build output directory relative to the app_location. For example, if your application source code is located at /app, and the build script outputs files to the /app/build folder, then set build as the app_artifact_location value.

    0 comments No comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.