Build error

I have two libraries "drafting-common" & "drafting-services" built using angular-4 and bundled with Rollup in two formats = es,umd
I am using them in angular-cli project by packing the libraries using "npm pack" and install the tgz files under project directory, so i can reference the modules and services from both libraries inside the angular-cli project.

when i run ng build the result is webpack: compiled successfully.
then ng serve it also compile & run successfully, but the issue comes when I browse http://localhost:4200 to load the project page, I am getting this error

Uncaught Error: Unexpected value 'ButtonComponent' declared by the module 'SharedModule'. Please add a @Pipe/@Directive/@Component annotation.
where SharedModule is exposed by drafting-common library, and ButtonComponent is an exposed component in it.

Reproduce the reported flow by packing drafting-common and drafting-services, installing their tgz files in the Angular CLI project, and running ng build followed by ng serve. Investigate why ButtonComponent in SharedModule is rejected at page load; done when the project loads without the annotation error.

Written by the indexing model from the issue text.