Angular 9 - The target entry-point has missing dependencies Angular 9 - The target entry-point has missing dependencies angular angular

Angular 9 - The target entry-point has missing dependencies


ERROR in The target entry-point "primeng" has missing dependencies: - chart.jsERROR in The target entry-point "primeng" has missing dependencies: - quillERROR in The target entry-point "primeng" has missing dependencies: - @fullcalendar/corenpm install --save chart.jsnpm install --save quillnpm install --save @fullcalendar/core


The First Problem

You're getting that error because your test project does not have those dependencies installed in its node_modules/ directory. But I believe that doing as @Renato suggests and forcing the users of your library to manually install those dependencies is the wrong approach.

In order to have the missing dependencies automatically installed, it's necessary to add your library's 3rd party dependencies in two places (within the library itself):

  • package.json at the root of the library. I believe you already have this done.Putting all packages here ensures that there is only a single node_modules/ directory at the root when you run your project for development.
  • projects/entity-selector/package.json is the file that is used as the basis for the package.json file that Angular generates when you build your library. It is necessary to add the dependencies here so that the consumers of your library know which packages they (well, their package manager) need to download. I believe that this is what you're currently missing.

The Second Problem

After properly adding my dependencies to both places, I got build errors telling me that I should use "peerDependencies" and not "dependencies" for my library.

That is not applicable to my use case, so to get around it I had to explicitly whitelist my dependencies. Doing so looks a little different depending on which of the following you're using:

  • projects/entity-selector/package.json
  • projects/entity-selector/ng-package.json.


In projects/entity-selector/package.json it should be:

{  "$schema": "../../../node_modules/ng-packagr/package.schema.json",  "ngPackage": {    "lib": {      "entryFile": "public_api.ts"    },    "dest": "../../../dist/mycomponents/entity-selector",    "whitelistedNonPeerDependencies": [      "mycomponents/shared-services",      "mycomponents/spinner",      "mycomponents/text-input"    ]  }}

In projects/entity-selector/ng-package.json it should be:

{  "$schema": "./node_modules/ng-packagr/package.schema.json",  "lib": {    "entryFile": "public_api.ts"  },  "whitelistedNonPeerDependencies": [    "mycomponents/shared-services",    "mycomponents/spinner",    "mycomponents/text-input"  ]}

Finally, don't forget to build your project with ng build --prod or you'll get an error about the new Ivy compiler when you try to publish to NPM!


Modify your component project to change the absolute path to a relative path.

Such as:

import {xxx} from 'src/xxx/xxx.module';

to:

import {xxx} from '../../xxx/xxx.module';