IE11 empty page using Angular 7Angular 2 / 4 / 5 not working in IE11This stylesheet cannot be viewed because its source is in a different domain than the page - ie9Angular HTML bindingAngular EXCEPTION: No provider for HttpAngular 2 / 4 / 5 not working in IE11What is the equivalent of ngShow and ngHide in Angular?Angular/RxJs When should I unsubscribe from `Subscription`Angular 2 doesn't import Bootstrap cssHuge number of files generated for every Angular projectWhy does angular2 not find the stylesheet that is imported in index.html?Can't load the CSS-Files from assets-folder in Angular
Is there any significance to the Valyrian Stone vault door of Qarth?
Proof of Lemma: Every integer can be written as a product of primes
Organic chemistry Iodoform Reaction
Giant Toughroad SLR 2 for 200 miles in two days, will it make it?
Can a Bard use an arcane focus?
How to deal with or prevent idle in the test team?
Modern Day Chaucer
Reply ‘no position’ while the job posting is still there (‘HiWi’ position in Germany)
Greatest common substring
Can I create an upright 7ft x 5ft wall with Minor Illusion?
Pronouncing Homer as in modern Greek
In Star Trek IV, why did the Bounty go back to a time when whales were already rare?
Fast sudoku solver
Is there an wasy way to program in Tikz something like the one in the image?
Simulating a probability of 1 of 2^N with less than N random bits
A car is moving at 40 km/h. A fly at 100 km/h, starts from wall towards the car(20 km away)flies to car and back. How many trips can it make?
How to be able to process a large JSON response?
For airliners, what prevents wing strikes on landing in bad weather?
My boss asked me to take a one-day class, then signs it up as a day off
Would it be legal for a US State to ban exports of a natural resource?
Is there a problem with hiding "forgot password" until it's needed?
What would you call a finite collection of unordered objects that are not necessarily distinct?
Calculating the number of days between 2 dates in Excel
Can the electrostatic force be infinite in magnitude?
IE11 empty page using Angular 7
Angular 2 / 4 / 5 not working in IE11This stylesheet cannot be viewed because its source is in a different domain than the page - ie9Angular HTML bindingAngular EXCEPTION: No provider for HttpAngular 2 / 4 / 5 not working in IE11What is the equivalent of ngShow and ngHide in Angular?Angular/RxJs When should I unsubscribe from `Subscription`Angular 2 doesn't import Bootstrap cssHuge number of files generated for every Angular projectWhy does angular2 not find the stylesheet that is imported in index.html?Can't load the CSS-Files from assets-folder in Angular
I'm testing my personal website from host. It works fine with chrome, safari, firefox, almost fine with edge, and not at all with IE11.
The page displayed is index.html, the scripts don't load and so, my page is desperately white.
What direction should I look at?
Below is the source code after loading, it just renders the index.html
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>xxxxx</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300, 400|Permanent+Marker|Fredoka+One" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="styles.e51f265321605de0a6b8.css"></head>
<body>
<app-root></app-root>
<script type="text/javascript" src="polyfills.46532d96d3286697c138.js">
</script>
<script type="text/javascript" src="runtime.a5dd35324ddfd942bef1.js"></script><script type="text/javascript" src="main.d7a4eeb20e2af3af291c.js"></script>
</body>
</html>
angular internet-explorer asked Mar 21 at 14:40
VaniomVaniom
313
add a comment |
I'm testing my personal website from host. It works fine with chrome, safari, firefox, almost fine with edge, and not at all with IE11.
The page displayed is index.html, the scripts don't load and so, my page is desperately white.
What direction should I look at?
Below is the source code after loading, it just renders the index.html
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>xxxxx</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300, 400|Permanent+Marker|Fredoka+One" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="styles.e51f265321605de0a6b8.css"></head>
<body>
<app-root></app-root>
<script type="text/javascript" src="polyfills.46532d96d3286697c138.js">
</script>
<script type="text/javascript" src="runtime.a5dd35324ddfd942bef1.js"></script><script type="text/javascript" src="main.d7a4eeb20e2af3af291c.js"></script>
</body>
</html>
asked Mar 21 at 14:40
VaniomVaniom
313
add a comment |
I'm testing my personal website from host. It works fine with chrome, safari, firefox, almost fine with edge, and not at all with IE11.
The page displayed is index.html, the scripts don't load and so, my page is desperately white.
What direction should I look at?
Below is the source code after loading, it just renders the index.html
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>xxxxx</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300, 400|Permanent+Marker|Fredoka+One" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="styles.e51f265321605de0a6b8.css"></head>
<body>
<app-root></app-root>
<script type="text/javascript" src="polyfills.46532d96d3286697c138.js">
</script>
<script type="text/javascript" src="runtime.a5dd35324ddfd942bef1.js"></script><script type="text/javascript" src="main.d7a4eeb20e2af3af291c.js"></script>
</body>
</html>
asked Mar 21 at 14:40
VaniomVaniom
313
I'm testing my personal website from host. It works fine with chrome, safari, firefox, almost fine with edge, and not at all with IE11.
The page displayed is index.html, the scripts don't load and so, my page is desperately white.
What direction should I look at?
Below is the source code after loading, it just renders the index.html
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>xxxxx</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300, 400|Permanent+Marker|Fredoka+One" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="styles.e51f265321605de0a6b8.css"></head>
<body>
<app-root></app-root>
<script type="text/javascript" src="polyfills.46532d96d3286697c138.js">
</script>
<script type="text/javascript" src="runtime.a5dd35324ddfd942bef1.js"></script><script type="text/javascript" src="main.d7a4eeb20e2af3af291c.js"></script>
</body>
</html>
asked Mar 21 at 14:40
VaniomVaniom
313
asked Mar 21 at 14:40
VaniomVaniom
313
asked Mar 21 at 14:40
VaniomVaniom
313
asked Mar 21 at 14:40
VaniomVaniom
313
asked Mar 21 at 14:40
VaniomVaniom
313
313
add a comment |
add a comment |
3 Answers
3
active
oldest
votes
polyfills.ts
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
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';
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import 'classlist.js'; // Run `npm install --save classlist.js`.
/** IE10 and IE11 requires the following for the Reflect API. */
import 'core-js/es6/reflect';
answered Mar 21 at 14:50
Boris AdamyanBoris Adamyan
9410
TY for your answer, this is my first angular deployment. polyfills.ts was the solution.
– Vaniom
Mar 21 at 15:06
add a comment |
You should look if you have the good polyfills.
And do you have errors in your console ?
answered Mar 21 at 14:44
Mickaël DepardonMickaël Depardon
212
add a comment |
Besides activating polyfills I personally also had to unchecked "Display intranet sites in Compatibilty View" under "Compatibility View Settings" in a productive environment.
Maybe this applies to you, too.
answered Mar 21 at 14:56
suckerpsuckerp
406
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55282982%2fie11-empty-page-using-angular-7%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
polyfills.ts
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
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';
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import 'classlist.js'; // Run `npm install --save classlist.js`.
/** IE10 and IE11 requires the following for the Reflect API. */
import 'core-js/es6/reflect';
answered Mar 21 at 14:50
Boris AdamyanBoris Adamyan
9410
TY for your answer, this is my first angular deployment. polyfills.ts was the solution.
– Vaniom
Mar 21 at 15:06
add a comment |
polyfills.ts
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
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';
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import 'classlist.js'; // Run `npm install --save classlist.js`.
/** IE10 and IE11 requires the following for the Reflect API. */
import 'core-js/es6/reflect';
answered Mar 21 at 14:50
Boris AdamyanBoris Adamyan
9410
TY for your answer, this is my first angular deployment. polyfills.ts was the solution.
– Vaniom
Mar 21 at 15:06
add a comment |
polyfills.ts
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
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';
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import 'classlist.js'; // Run `npm install --save classlist.js`.
/** IE10 and IE11 requires the following for the Reflect API. */
import 'core-js/es6/reflect';
answered Mar 21 at 14:50
Boris AdamyanBoris Adamyan
9410
polyfills.ts
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
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';
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import 'classlist.js'; // Run `npm install --save classlist.js`.
/** IE10 and IE11 requires the following for the Reflect API. */
import 'core-js/es6/reflect';
answered Mar 21 at 14:50
Boris AdamyanBoris Adamyan
9410
answered Mar 21 at 14:50
Boris AdamyanBoris Adamyan
9410
answered Mar 21 at 14:50
Boris AdamyanBoris Adamyan
9410
answered Mar 21 at 14:50
Boris AdamyanBoris Adamyan
9410
9410
TY for your answer, this is my first angular deployment. polyfills.ts was the solution.
– Vaniom
Mar 21 at 15:06
add a comment |
TY for your answer, this is my first angular deployment. polyfills.ts was the solution.
– Vaniom
Mar 21 at 15:06
TY for your answer, this is my first angular deployment. polyfills.ts was the solution.
– Vaniom
Mar 21 at 15:06
TY for your answer, this is my first angular deployment. polyfills.ts was the solution.
– Vaniom
Mar 21 at 15:06
add a comment |
You should look if you have the good polyfills.
And do you have errors in your console ?
answered Mar 21 at 14:44
Mickaël DepardonMickaël Depardon
212
add a comment |
You should look if you have the good polyfills.
And do you have errors in your console ?
answered Mar 21 at 14:44
Mickaël DepardonMickaël Depardon
212
add a comment |
You should look if you have the good polyfills.
And do you have errors in your console ?
answered Mar 21 at 14:44
Mickaël DepardonMickaël Depardon
212
You should look if you have the good polyfills.
And do you have errors in your console ?
answered Mar 21 at 14:44
Mickaël DepardonMickaël Depardon
212
answered Mar 21 at 14:44
Mickaël DepardonMickaël Depardon
212
answered Mar 21 at 14:44
Mickaël DepardonMickaël Depardon
212
answered Mar 21 at 14:44
Mickaël DepardonMickaël Depardon
212
212
add a comment |
add a comment |
Besides activating polyfills I personally also had to unchecked "Display intranet sites in Compatibilty View" under "Compatibility View Settings" in a productive environment.
Maybe this applies to you, too.
answered Mar 21 at 14:56
suckerpsuckerp
406
add a comment |
Besides activating polyfills I personally also had to unchecked "Display intranet sites in Compatibilty View" under "Compatibility View Settings" in a productive environment.
Maybe this applies to you, too.
answered Mar 21 at 14:56
suckerpsuckerp
406
add a comment |
Besides activating polyfills I personally also had to unchecked "Display intranet sites in Compatibilty View" under "Compatibility View Settings" in a productive environment.
Maybe this applies to you, too.
answered Mar 21 at 14:56
suckerpsuckerp
406
Besides activating polyfills I personally also had to unchecked "Display intranet sites in Compatibilty View" under "Compatibility View Settings" in a productive environment.
Maybe this applies to you, too.
answered Mar 21 at 14:56
suckerpsuckerp
406
answered Mar 21 at 14:56
suckerpsuckerp
406
answered Mar 21 at 14:56
suckerpsuckerp
406
answered Mar 21 at 14:56
suckerpsuckerp
406
406
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55282982%2fie11-empty-page-using-angular-7%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
