Skip to content

Uncaught Error: Can't resolve all parameters for e: (?) #2770

Open
@LuisFlip

Description

@LuisFlip
  • I understand that GitHub issues are not for tech support, but for questions specific to this generator, bug reports, and feature requests.
Item Version
generator-angular-fullstack 5.0.0 RC4
Node 8.12.0
npm 6.4.1
Operating System Windows 10
Item Answer
Transpiler TypeScript
Markup HTML
CSS SCSS
Client Tests Mocha
DB MongoDB
Auth Y

After create project using the generator, i built it in production environment and when i load the app the follow error appears.

image

Activity

LuisFlip

LuisFlip commented on Oct 25, 2018

@LuisFlip
Author

i run:
gulp build
in file dist/server/index.js change development to production:
--> var env = process.env.NODE_ENV = process.env.NODE_ENV || 'production';
cd dist
node server/index.js
next open localhost:8080
and get the error

Awk34

Awk34 commented on Oct 25, 2018

@Awk34
Member

I was able to reproduce and fix this locally. Apparently it's an issue with webpack bundling.

Manually add the following to the top of your polyfills.ts file:

import 'reflect-metadata';
added a commit that references this issue on Oct 25, 2018
550b6f0
Awk34

Awk34 commented on Oct 25, 2018

@Awk34
Member
LuisFlip

LuisFlip commented on Oct 26, 2018

@LuisFlip
Author

i try the following:

import 'reflect-metadata';
// import 'core-js/es6';
// import 'core-js/es7/reflect';
import 'zone.js/dist/zone';

or

import 'reflect-metadata';
// import 'core-js/es6';
// import 'core-js/es7/reflect';
//import 'zone.js/dist/zone';

and other variants allways with reflect-metadata uncommented and the problem persists.

i don't have the nativescript-angular in my project.
Ther project is new and i dont have add any line of code.

other question, is this building in jit or aot?
if is in jit, how i build project with AOT?

Thanks

reopened this on Oct 29, 2018
Awk34

Awk34 commented on Oct 29, 2018

@Awk34
Member

It has nothing to do with that project; they just had a similar issue.

I was able to reproduce this, but adding the reflect-metadata import fixed the issue for me. Can you provide some more details about your case? Perhaps replace these lines: https://github.com/angular-fullstack/generator-angular-fullstack/blob/master/templates/app/webpack.make.js#L29-L31 with this:

config.mode = 'development';

and try building again, so we can see the un-minified error.

LuisFlip

LuisFlip commented on Oct 30, 2018

@LuisFlip
Author

Replacing that lines fixed the issue.

Before the change, the dist/client files created by build have the following sizes:
image
After that replace, the build lines
image

why we a have three warnings because of the size (1.3~mb) and after the changes we got higher values but not showing any warning?

is this in AOT or JIT?

best regards and thanks

ghost

ghost commented on Nov 2, 2018

@ghost

It has nothing to do with that project; they just had a similar issue.

I was able to reproduce this, but adding the reflect-metadata import fixed the issue for me. Can you provide some more details about your case? Perhaps replace these lines: https://github.com/angular-fullstack/generator-angular-fullstack/blob/master/templates/app/webpack.make.js#L29-L31 with this:

config.mode = 'development';

and try building again, so we can see the un-minified error.

This fixed the issue for me as well.

Awk34

Awk34 commented on Nov 2, 2018

@Awk34
Member

That change isn't meant to fix the issue, just turn off minification so that we can debug the error better, but if the error goes away when you set Webpack to development mode, then it has to have something to do with minification for builds.

koraysels

koraysels commented on Nov 6, 2018

@koraysels

yeah the error ahs something to do with the reflect polyfill.. I have the same issue.
It Seems he cannot bootstrap the application correctly! If you set the buidlmode to development it will work and no error will be displayed. so we cannot debug it that way :( i can;t not have minified code in prodcution!

koraysels

koraysels commented on Nov 9, 2018

@koraysels

This is a problem with UglifyJs. If you set the webpack mode to 'production' it enabels UglifyJsPlugin and then it fails.. I tried differetn options for the UglifyJsPlugin but I cannot get it to work. I think the dependency injection breaks when minification is applied. Do we need some kind of annotation plugin ?

6 remaining items

Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Participants

      @koraysels@tschaffter@Awk34@Sina7312@atxiaoxian

      Issue actions

        Uncaught Error: Can't resolve all parameters for e: (?) · Issue #2770 · angular-fullstack/generator-angular-fullstack