Consuming your library in a local application during development, WebpackDevServer example

[Kamilius]

Tried to preview a module with npm link on a project that uses not AngularCLI (as it is a Hybrid ng1-ng2 app), but a WebpackDevServer. Everything rebuilds on new package build.

But when page refreshes with built version of package - getting an Error: Unexpected value '[object Object]' imported by the module 'AppModule'. Please add a @NgModule annotation., which is fixed under AngularCLI, by adding --preserve-symlinks flag to ng serve.

Exact same version works great, when built -> pushed to GitHub -> npm upgrade package_name into project.

Maybe you can advice a solution for a Webpack in this case? Would be also great to have a knowledge on Why this is happening.

[RubenVermeulen]

I have the same issue, with the same solution.

[RubenVermeulen]

I think be woth missed this in de docs.

" If you get Error: Unexpected value '[object Object]' imported by the module 'AppModule'. Please add a @NgModule annotation., then try:

$ ng serve --preserve-symlinks

to make sure the consuming application searches for the peer dependencies in the application's node_modules directory."

[Kamilius]

@RubenVermeulen you mean $ ng serve --preserve-symlinks isn't solving an issue for you?

[izifortune]

@Kamilius i find faster to link directly using the src files ( you don't have a main setup in that case so you have to import directly the file eg: ) import { MyModule } from 'my-lib/index

[raphael-volt]

In .angular-cli.json add:

"defaults": {
    "styleExt": "css",
    "component": {},
    "build": {
      "preserveSymlinks": true
    }
  }

From https://github.com/angular/angular-cli/issues/6195

[dgroh]

I tried preserveSymlinks and I still get:

Uncaught Error: Unexpected value 'MyModule' imported by the module 'AppModule'. Please add a @NgModule annotation.

That is really annoying, that happens only with linked packages.

[Kamilius]

@dgroh try removing node_modules in your linked package. This way you'll force linked package to resolve it's dependencies from consumer app