Stencil JS dist and ng serve in angular version 6.1.0 not serving the application

Stencil version:

 @stencil/core@<1.7.5>

I'm submitting a:

[ ] bug report

Current behavior:

Ran the command npm run build in the stencil app folder which has have generated the dist folder
Using the generated components in angular version 6.1.0 app as a package (locally by copy and paste. Not pushing into the npm registry) inside node_modules folder by pasting the dist folder like in the documentation "atai-charts/dist/" m getting the below error. Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** 95% emitting LicenseWebpackPlugin(node:31116) UnhandledPromiseRejectionWarning: Error: ENOENT: no such file or directory, open '/home/daleti/DINITH/charts/marketing-app/client/node_modules/atai-charts/package.json' at Object.openSync (fs.js:451:3) at Object.readFileSync (fs.js:353:35) at LicenseExtractor.readPackageJson (/home/daleti/DINITH/charts/marketing-app/client/node_modules/license-webpack-plugin/dist/LicenseExtractor.js:126:23) at LicenseExtractor.parsePackage (/home/daleti/DINITH/charts/marketing-app/client/node_modules/license-webpack-plugin/dist/LicenseExtractor.js:23:32) at ModuleProcessor.processPackage (/home/daleti/DINITH/charts/marketing-app/client/node_modules/license-webpack-plugin/dist/ModuleProcessor.js:39:46) at ModuleProcessor.processFile (/home/daleti/DINITH/charts/marketing-app/client/node_modules/license-webpack-plugin/dist/ModuleProcessor.js:36:21) at fileCallback (/home/daleti/DINITH/charts/marketing-app/client/node_modules/license-webpack-plugin/dist/LicenseWebpackPlugin.js:107:61) at moduleCallback (/home/daleti/DINITH/charts/marketing-app/client/node_modules/license-webpack-plugin/dist/LicenseWebpackPlugin.js:114:21) at /home/daleti/DINITH/charts/marketing-app/client/node_modules/license-webpack-plugin/dist/LicenseWebpackPlugin.js:126:29 at Array.forEach (<anonymous>) at emitCallback (/home/daleti/DINITH/charts/marketing-app/client/node_modules/license-webpack-plugin/dist/LicenseWebpackPlugin.js:92:32) at eval (eval at create (/home/daleti/DINITH/charts/marketing-app/client/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:19:1) at callback (/home/daleti/DINITH/charts/marketing-app/client/node_modules/copy-webpack-plugin/dist/index.js:77:17) at /home/daleti/DINITH/charts/marketing-app/client/node_modules/copy-webpack-plugin/dist/index.js:118:24 (node:31116) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 4) (node:31116) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
The package.json is found inside the loader folder of the dist folder. But angular is expecting the package.json in the root of the package folder inside the node_modules
When i m doing the same in an angular app with version 8.3.x the components are working fine when i m doing ng serve and even in a production build.

Expected behavior:

The ng serve should compile the angular app version 6.1.0 successfully and we should be able to use the components in the angular app version 6.1.0.

Steps to reproduce:

Create a new angular app version 6.1.0.
Create a test-components stencil app and take a build and copy paste the dist folder in node_modules/test-components of angular app@v6.1.0
Run ng serve in the angular app. The above error should be seen.

Related code: Stencil config file

import { Config } from '@stencil/core';
import { sass } from '@stencil/sass';

export const config: Config = {
  namespace: 'stencil-charts',
  bundles:[
    {components:['atai-bar-chart']}
  ],
  outputTargets: [
    {
      type: 'dist',
      esmLoaderPath: 'loader'
    },
    {
      type: 'docs-readme'
    },
    {
      type: 'docs'
    },
    {
      type: 'www',
      serviceWorker: null // disable service workers
    }
  ],
  plugins: [
    sass()
  ]
};

Below is the main.ts file in angular app

// insert any relevant code here
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

import { defineCustomElements } from 'atai-charts/dist/loader'
if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

defineCustomElements(window)

Other information:

I did not find any online information related to this error.

ionic-team / stencil

Stencil JS dist and ng serve in angular version 6.1.0 not serving the application #2028