从 Angular 库中实现组件的问题

Question

So im making my own angular library.

I followed the steps listed here: https://angular.io/guide/creating-libraries

So i created the library and published it to npmjs.com.

My issue is, whenever I tried making a new component inside the library, It seems like the intellisense recognizes that the component is there however when i try to run my angular application i get faced with this error:

ERROR in No NgModule metadata found for 'AppModule'.

Here is a snippet of the librarys module:

import { NgModule } from '@angular/core';
import { SlEcommComponent } from './sl-ecomm.component';
import { SlCatalogComponent } from './sl-catalog/sl-catalog.component';



@NgModule({
  declarations: [SlEcommComponent, SlCatalogComponent],
  imports: [
  ],
  exports: [SlEcommComponent, SlCatalogComponent]
})
export class SlEcommModule { }

The component im trying to use is SlCatalogComponent. The other component, SlEcommComponent, seems to work but this is the component that was auto generated by the angular CLI.

So heres a snippet of the consuming projects appmodule:

import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { CommonDataService } from './_services/common-data.service';
import { SignInComponent } from './sign-in/sign-in.component';
import { SlEcommModule } from 'sl-test';


@NgModule({
  declarations: [
    AppComponent,
    SignInComponent,
  ],
  imports: [
    SlEcommModule
  ],
  providers: [CommonDataService],
  bootstrap: [AppComponent]
})
export class AppModule { }

And finally on the signin components template, im using a component from the library i made like this:

<sl-catalog></sl-catalog>

Im not sure what else im missing since the default component in the library works, and mine does not.

--Edit--

So ive narrowed down the problem to my npm package not having the a certain folder included when its being published.

After adding the "files": ["lib"] to the package.json everything seems to be working ok except the intellisense here is screwed up:

Answer 1

What seemed to fix my issue is adding "files": ["./src/lib"] to my package.json