Angular 5 app is not working in MAC Safari browser

I created an Angular 5 Application using Visual Studio 2017 template, so when i open the application in Mac Safari browser, it's opening and loading the login page as expected.

and after successfully authentication i am redirecting to home page using this code.

this._route.navigate(['/home']);

but the problem is application is not redirecting to home page, it's working fine in IE, Chrome & Mozilla as well, but i am not getting the problem with Mac Safari.

please suggest my what will be the problem, i checked there is no any error also showing in console. please let me know if anyone need more information.

i am not using polyfills.ts it's non angular cli, this is my index.cshtml page.

<app asp-ng2-prerender-module="Client/dist/main-server"></app>
<div class="loading">
  Loading...
</div>

<script src="~/dist/assets/js/shim.min.js" asp-append-version="true"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.1/web-animations.min.js" asp-append-version="true"></script>
<script src="~/dist/vendor.js" asp-append-version="true"></script>

@section scripts {
    <script src="~/dist/main-client.js" asp-append-version="true"></script>
}

boot.browser file :-

                import 'reflect-metadata';
            import 'core-js/es6/symbol';
            import 'core-js/es6/object';
            import 'core-js/es6/function';
            import 'core-js/es6/parse-int';
            import 'core-js/es6/parse-float';
            import 'core-js/es6/number';
            import 'core-js/es6/math';
            import 'core-js/es6/string';
            import 'core-js/es6/date';
            import 'core-js/es6/array';
            import 'core-js/es6/regexp';
            import 'core-js/es6/map';
            import 'core-js/es6/weak-map';
            import 'core-js/es6/set';
            import 'classlist.js';
            import 'core-js/es6/reflect';
            import 'core-js/es7/reflect';
            import 'zone.js';
            import 'bootstrap';
            import { enableProdMode } from '@angular/core';
            import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
            import { AppModule } from './app/app.browser.module';

            if (module.hot) {
                module.hot.accept();
                module.hot.dispose(() => {
                    // Before restarting the app, we create a new root element and dispose the old one
                    const oldRootElem = document.querySelector('app');
                    const newRootElem = document.createElement('app');
                    oldRootElem!.parentNode!.insertBefore(newRootElem, oldRootElem);
                    modulePromise.then(appModule => appModule.destroy());
                });
            } else {
                enableProdMode();
            }

            // Note: @ng-tools/webpack looks for the following expression when performing production
            // builds. Don't change how this line looks, otherwise you may break tree-shaking.
            enableProdMode();
            const modulePromise = platformBrowserDynamic().bootstrapModule(AppModule);