ng build does not include component class code of library modules

Question

I have created a library that has modules that have components in them.

My library public_api.ts has this:

export * from './src/app/modules/my-mod-1/my-mod-1.module';

Now this module has components that are exported and declared in the module.ts file

@NgModule({
    imports:      [
        ...
    ],
    declarations: [
        MyOneComponent
    ],
    exports:      [
        MyOneComponent
    ]
})

Now I create the package using ng-packagr and import it in another project using npm install from the .tgz file.

The component works fine with all lifecycle hooks when I run it in development mode.

But when I create a build using ng build, it does not call the lifecycle hooks. Although it does print everything in the html file of the component, but the component class code seems to be missing.

I checked in vendor.js file when running the development mode, and there I can easily find the component class code (actually I searched for a console.log code that I printed in the component class code and it was showing up there)

But same code is missing from main.xxxxxx.js that is built by the build command. And the build command does not create a vendor.js file at all because vendor.js is included in main.js

So the problem is that library classes code is not included in the project build, why would that happen?

There is so much code in the projects that I cannot think of what parts of code should I paste here to help you understand the issue. So please do let me know what else I should copy here.

Thanks

I just tried another thing, I used ng build without --prod option and it created the the js files with vendor.js and main.js separate. Using that deployment, I was able to run the project fine. Which again proves that there is something wrong in ng build --prod... any idea...? — M.Imran Mamda
– M.Imran Mamda, Commented Jul 5, 2018 at 17:39

M.Imran Mamda · Accepted Answer · 2018-07-05 19:27:38Z

2

I got some help from here: https://github.com/angular/angular-cli/issues/11394

It appears that:

1) you should export all components and modules used by the library in the public_api.ts file.

2) apparently deleting the node_modules folder and then re-installing it by npm install seems to work, it appears that the library cached files were corrupt

Now my app works in production as well!

answered Jul 5, 2018 at 19:27

M.Imran Mamda

4401 gold badge5 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

ng build does not include component class code of library modules

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related