npm link is not working with angular-cli created projects

javascript angular webpack angular-cli npm-link
Sunil Garg picture Sunil Garg · Aug 3, 2017 · Viewed 9.9k times · Source

I have created a project using angular-cli. There is one AppModule and AppComponent I want to use this AppModule and its components (AppComponent) in other angular apps. So I have created index.ts file and exported the AppModule and AppComponent 

export {AppModule} from './src/app/app.module';
export {AppComponent} from './src/app/app.component';

Then created local linking using npm link and a link is created with the name defined in package.json.

Now In other project where I want to use this exported module run the 

npm link project-name

Linking has been done successfully. I tried 

import { AppModule as AModule} from 'my-components';

But this is not working as webpack gets failed to compiles AppModule file as the reference is not getting resolved. In SystemJs We defined the mapping of this in systemjs.config.js file but there is no config file.

How can I solve this?

Is there any other method to reuse local modules?

Answer

Diego Aragão picture Diego Aragão · Oct 10, 2019

In Angular 7, "preserveSymlinks": true

It worked for me: project > architect > build > options

Related questions

Load new modules dynamically in run-time with Angular CLI & Angular 5

Currently I'm working on a project which is being hosted on a clients server. For new 'modules' there is no intention to recompile the entire application. That said, the client wants to update the router/lazy loaded modules in runtime. …

Read More
Running an angular 2 application built locally on Chrome using angular-cli without a node server

I will make my Angular 2 question very precise. 1. I am using: Angular 2, angular-cli: 1.0.0-beta.15, ( webpack building ) node: 6.4.0, os: linux x64 2. What I want to achieve: I want to build my project in a way that after the build ( ng build …

Read More
How to properly build an optimize Angular 5 Project?

I'm new to Angular 5 project. I ran ng build --prod to generate a dist/ folder. I noticed it takes quite a long time to build, and when I opened up my dist/ folder, I saw it has almost 98% useless stuff …

Read More