Can't resolve all parameters for ApplicationModule: (?).

[kumaresan-subramani]

🐞 bug report

Description

This is my github sample repository [https://github.com/SridharSathaSivam/stackblitz-test] which has simple image as a template.

when i try to run this in a stacblitz sample it throws this error:

Unhandled Promise rejection:
Can't resolve all parameters for ApplicationModule: (?).
; Zone:

; Task:
null
; Value:
Error: Can't resolve all parameters for ApplicationModule: (?).
Error: Can't resolve all parameters for ApplicationModule: (?).
at syntaxError (https://vbwigzjp.github.stackblitz.io/turbo_modules/@angular/compiler@7.0.4/bundles/compiler.umd.js:2617:21)
at CompileMetadataResolver._getDependenciesMetadata

🔬 Minimal Reproduction

step1: open stackblitz link [ https://stackblitz.com/ ]

step2: add my repolink to that [https://stackblitz.com/github/SridharSathaSivam/stackblitz-test]

step3: Run sample the you will get that error

[alexzuza]

https://twitter.com/yurzui/status/1055491854488215552

Angular cli doesn't include reflect polyfill starting from Angular 7 and that's correct. But in order to make it work in stackblitz you have to add it manually for a while

[kumaresan-subramani]

Hi @alexzuza , i have tried adding

import 'core-js/es7/reflect';

But it wont work. is there any option

[alexzuza]

Hi @alexzuza , i have tried adding

import 'core-js/es7/reflect';

But it wont work. is there any option

https://stackblitz.com/edit/github-5xs2qx?file=src%2Fpolyfills.ts

[kumaresan-subramani]

Hi @alexzuza , Thank you so much for this. i have tried wrongly

[kumaresan-subramani]

is this answer for Why i have add this?:

You don't have reflect metadata polyfill in your app due to Angular performance update. https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c#f14f … https://github.com/angular/angular-cli/blob/6e7f4d961f09fb13143aa30aba343a660c578124/packages/schematics/angular/migrations/update-7/polyfill-metadata.ts#L39 … Try adding import 'core-js/es7/reflect'; to polifills.ts

[alexzuza]

This issue is duplicate for stackblitz/core#758.
Maybe Angular and Stackblitz teams need to decide on which side it should be fixed

[kumaresan-subramani]

Hi @alexzuza , but still my sample is not wokring fine.

My issue issue is:
I have render one image in my sample
If i run my sample locally, my sample working fine [ image rendered correctly]

If i run sample like below steps:

step1: open stackblitz link [ https://stackblitz.com/ ]

step2: add my repolink to that [ https://stackblitz.com/github/SridharSathaSivam/stackblitz-test ]

step3: Run sample, image is not rendering

My sample is not working fine which means image is not loading properly

[kumaresan-subramani]

Hi All,
anyone respond my question?

[alexzuza]

My sample is not working fine which means image is not loading properly

@kumaresan-subramani
This issue has nothing to do with Angular. Please follow this issue stackblitz/core#72

[kumaresan-subramani]

Hi @alexzuza , my sample working fine in local but why it is not in stackblitz

[alxhub]

This issue is on the Stackblitz side.

[yogiekmr]

Hi @alexzuza , i have tried adding

import 'core-js/es7/reflect';

But it wont work. is there any option

https://stackblitz.com/edit/github-5xs2qx?file=src%2Fpolyfills.ts

its working thanks

[akopchinskiy]

@sireyogie

import 'core-js/es7/reflect';
It's not working.
Module not found: Error: Can't resolve 'core-js/es6/reflect'
Module not found: Error: Can't resolve 'core-js/es7/reflect'

core-js v3.1.4

[el-ussif]

@sireyogie

import 'core-js/es7/reflect';
It's not working.
Module not found: Error: Can't resolve 'core-js/es6/reflect'
Module not found: Error: Can't resolve 'core-js/es7/reflect'

core-js v3.1.4

Add this in your polyfills.ts file
import 'core-js/es/reflect';

[briosheje]

Using core-js 3.2.0, angular 8.2.1 and polyfilling these:

// Internet Explorer 9 support
import 'ie-shim';

// IE9, IE10 and IE11 requires all of the following polyfills.
import 'core-js/es/symbol';
import 'core-js/es/object';
import 'core-js/es/function';
import 'core-js/es/parse-int';
import 'core-js/es/parse-float';
import 'core-js/es/number';
import 'core-js/es/math';
import 'core-js/es/string';
import 'core-js/es/date';
import 'core-js/es/array';
import 'core-js/es/regexp';
import 'core-js/es/map';
import 'core-js/es/weak-map';
import 'core-js/es/set';

/** IE10 and IE11 requires the following for NgClass support on SVG elements */
// import 'classlist.js';  // Run `npm install --save classlist.js`.

// Evergreen browsers require these.
import 'core-js/es/reflect';

I still encounter the issue, it seems there might be some limit scenarios where just importing reflect won't work, not sure whether I'm the only one encountering the issue.

[akopchinskiy]

@briosheje Nobody uses IE nowadays.

[briosheje]

@akopchinskiy is that related to the issue in any way? However, as a side note, some people still uses IE, in my case some customer does, but that's not the issue, the issue is that upgrading from angular 7 to angular 8 is being slightly harder than expected (to me), since I can't come up with a solution for that issue.

It's probably rather related to webpack, it's just to mention that the proposed solution might not work in all the cases, since in my case reflect is required, but I still get the error.

[philly-vanilly]

I am getting this in a lib, not an app. It doesn't even have a polyfills file to add the polyfill to. I wish the error message was more descriptive

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}