When I build my Angular library, publish it to npm, and use it as a dependency in another project, whenever I try to import on of my module classes into my `app.module.ts`, and get this error `Class TekButtonModule is not an Angular module`. I have followed steps from multiple different sites on how to create, build, and publish angular libraries, and I can't figure out why it won't recognize the class as a valid module class.

In my app.module.ts, this is how I am importing the module:

```js
import { TekButtonModule } from "tek-angular-uimodules";

@NgModule({
    imports: [
        TekButtonModule
    ]
})
export class AppModule { }

```

My library project follows the standard directory structure outlined by Angular. I did not change anything with the build, or path settings when I setup the library project. My built library project has a `bundles`, `esm5`, `esm2015`, `fesm5`, `fesm2015`, `lib` (where my custom modules, and components are), as well as a `package.json`, `public-api.d.ts` (exports everything in the lib directory), `README.md`, `tek-angular-uimodules.d.ts` (exports the public api), and a `tek-angular-uimodules.metadata.json` file.

Is there some extra configuration that it needed that isn't setup by default to get modules to work correctly?

Here is my button module class:

```js
import { CommonModule } from "@angular/common";
import { NgModule } from "@angular/core";
import { TekButton } from "./button";

@NgModule({
  declarations: [
    TekButton
  ],
  exports: [
    TekButton
  ],
  imports: [
    CommonModule
  ]
})
export class TekButtonModule {}

```

Here are some of the files that are generated when I build the project:
`tek-angular-uimodules.d.ts`:

```js
/**
 * Generated bundle index. Do not edit.
 */
export * from './public-api';

```

`public-api.ts`

```js
export * from "./lib/button";
export * from "./lib/button-group";
export * from "./lib/nav-bar";

```

`./lib/button/button-module.d.ts`

```js
export declare class TekButtonModule {
}

```

If I import the generated **javascript** module file from the esm5 directory manually in my app.module.ts file, then it works just fine. But I have to manually do that, when it should just work with the standard module import that WebStorm auto imports for me like any other package.

This is the generated module js file under the esm5 directory:

```
/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { CommonModule } from "@angular/common";
import { NgModule } from "@angular/core";
import { TekButton } from "./button";
var TekButtonModule = /** @class */ (function () {
    function TekButtonModule() {
    }
    TekButtonModule.decorators = [
        { type: NgModule, args: [{
                    declarations: [
                        TekButton
                    ],
                    exports: [
                        TekButton
                    ],
                    imports: [
                        CommonModule
                    ]
                },] }
    ];
    return TekButtonModule;
}());
export { TekButtonModule };
//# sourceMappingURL=data:application/json;base64

```

Any help is appreciated. I can provide more code, and screenshots if needed.

This is the error I get when trying to import my module:
[![enter image description here](https://i.stack.imgur.com/g4y9n.png)](https://i.stack.imgur.com/g4y9n.png)