Angular: The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.

Question

Hi everyone. I have an angular application that runs fine on my local machine. I have published to Azure via the VS code extension.
When I check the URL {mywebsite}azurewebsites.net/index.html I get the error "The resource you are looking for has been removed, had its name changed, or is temporarily unavailable." In the Settings > Configuration > Default documents panel of Azure portal I have added the index.html page. I've also added the web.config file to the src/app folder in VS code

<?xml version
<configuration>

	<rewrite>
		<rules>
			<rule
				<match
				<conditions
					
					<add
				<conditions>
				<action
			</rule>
		</rules>
	</rewrite>
</system.webServer>

Thanks very much for your help with this issue :)