Sample app created with Angular8 not rendering in IE11

Question

I have created sample app with Angular 8, it works with Edge and Chrome but renders nothing in case of IE11

import 'classlist.js'; import 'web-animations-js';

Getting below error in console for vendor.js

SCRIPT1046: Multiple definitions of a property not allowed in strict mode.

I think that's because you use duplicate properties. There're similar threads, such as add both styleUrls and styles to one component, set the same class for different evaluations and so on. There's also an article you can refer to. — Yu Zhou
– Yu Zhou, Commented Jun 17, 2019 at 2:16
Thank you @YuZhou for your response. I am trying to run app generated by cli in IE11. I didn't update any code apart from tsconfig.json and polyfills.ts which is based on some of the articles about this issue. — sandy
– sandy, Commented Jun 17, 2019 at 15:49
I created a sample app with Angular8 and modified it according to this post. Then it can runs well in IE11. You can try the ways provided in it. — Yu Zhou
– Yu Zhou, Commented Jun 18, 2019 at 3:13
I have followed all the steps but still getting the same error (SCRIPT1046) in console. I am using NodeJs v10.14.2 is that a problem? — sandy
– sandy, Commented Jun 18, 2019 at 17:01
I'm using NodeJs v10.15.3. I think this shouldn't be a problem. I have met the situation that I followed all the steps but didn't work in the end. Finally I delete the app and create it again according to the steps then it works... — Yu Zhou
– Yu Zhou, Commented Jun 19, 2019 at 6:49

sandy · Accepted Answer · 2019-06-19 23:18:01Z

1

Follow any one option mentioned from this post and make sure you have not enabled Ivy compiler in tsconfig.app.json

"angularCompilerOptions": { "enableIvy": false }

answered Jun 19, 2019 at 17:07

sandy

4484 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1