After deploying an Angular 6 Application in IIS I'm getting a blank page with no error

Question

I've deploy an Angular 6 Application with asp.net mvc in IIS and i"m getting a blank page.

it's only present the title inside the <head> in the html but not all contents - angular 6 components inside.

i build the dist folder:

ng build --prod --base-href /ePortal/

with web.config:

  <?xml version="1.0" encoding="utf-8"?>
<configuration>

<system.webServer>
  <rewrite>
    <rules>
      <rule name="Angular Routes" stopProcessing="true">
        <match url="/*" />
        <conditions logicalGrouping="MatchAll">
          <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
          <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
        </conditions>
        <action type="Rewrite" url="/ePortal" />
      </rule>
    </rules>
  </rewrite>
</system.webServer>
</configuration>

then i have created an application in IIS

Please advice.

Did you look at the [Event Log](https://en.wikipedia.org/wiki/Event_Viewer)? — Uwe Keim, Nov 29 '18 at 05:00
did you install [IIS URL Rewrite](http://www.iis.net/downloads/microsoft/url-rewrite) on server. — Joel Joseph, Nov 29 '18 at 05:07
@JoelJoseph you get an internal server error if its not installed vs blank page, I am having this issue rn.. :) — carny666, Jun 24 '20 at 12:41

score 2 · Answer 1 · answered Jun 07 '19 at 15:40

2

I found that keeping <base href=""> as empty worked, whenever I refresh the page, there is no longer a 404 error showing up. I'm not sure why this is the case however, I'll keep researching on this.

answered Jun 07 '19 at 15:40

Michael O

71
1
7

Ashokan Sivapragasam · Answer 2 · 2018-12-03T12:43:09.337

1

Have you added base-href in html header?

<html>
   <head>
     ...
     <base href="/ePortal/">
     ...
   </head>
</html>

Have you deployed the dist folder package as, 'ePortal' at IIS Server?

From the example, it looks like you also referred KudVenkat's Deploy angular app to IIS :)

UPDATE: For IE 10 & IE 11 browsers, you need to uncomment a few lines in Polyfills.ts to import a few libraries. You refer to @Belen Martin's answer from this thread. It worked for me. I always thought IE won't support Angular website. Thanks for this question!

edited Dec 03 '18 at 12:43

answered Nov 29 '18 at 05:39

Ashokan Sivapragasam

2,033
2
18
39

Yes this is exactly what i did... i followed this tutorial but all i"m getting is a blank page .. it's getting the index.html page because i see the title in the browser but the content is not showing – Livnat Menashe Nov 29 '18 at 05:55
Why do we need URL Rewrite here? – Ashokan Sivapragasam Nov 29 '18 at 09:35
@Livnat Menashe, vote if this solution worked for you. – Ashokan Sivapragasam Dec 12 '18 at 13:08

score 0 · Answer 3 · answered Dec 02 '18 at 06:51

0

On the server wasn't installed chrome so i checked it with explorer and didn't work.. after i installed chrome - the page load good - so the problem solved (at least on chrome)

answered Dec 02 '18 at 06:51

Livnat Menashe

831
2
9
17

After deploying an Angular 6 Application in IIS I'm getting a blank page with no error

3 Answers3