How to set up the Multi-app project in Ionic?

Ionic Framework
1

I tried building the ionic mult-app project by following the steps mentioned in link: https://ionicframework.com/docs/cli/configuration#multi-app-projects

I have created the explained folder structure. But now I am stuck as to how to create the reusable ionic library under “lib/” folder. And then derive those components and use it in app/ folder.

Anyone, who has tried to set up in the same way, is there any clue regarding my issue?

2

Hi, Can you explain clearly about the Issue… I am also trying to set up multi-app project environment setup…

3

Hi, my issue is i am unable to understand what kind of library or the format of re-usable component will be located under lib/ folder. Also, how to use the same in the applications.

Also, when i try to do ionic serve, I get following error:

Project 'First' could not be found in workspace.
[ng] Error: Project 'First' could not be found in workspace.
[ng]     at Workspace.getProject (/Users/monika/Documents/PROJECTS/CSS_MobileApps/apps/First/node_modules/@angular-devkit/core/src/workspace/workspace.js:93:19)
[ng]     at Architect.getBuilderConfiguration (/Users/monika/Documents/PROJECTS/CSS_MobileApps/apps/First/node_modules/@angular-devkit/architect/src/architect-legacy.js:117:41)
[ng]     at RunCommand.runSingleTarget (/Users/monika/Documents/PROJECTS/CSS_MobileApps/apps/First/node_modules/@angular/cli/models/architect-command.js:160:45)
[ng]     at RunCommand.runArchitectTarget (/Users/monika/Documents/PROJECTS/CSS_MobileApps/apps/First/node_modules/@angular/cli/models/architect-command.js:201:35)
[ng]     at RunCommand.run (/Users/monika/Documents/PROJECTS/CSS_MobileApps/apps/First/node_modules/@angular/cli/commands/run-impl.js:14:25)
[ng]     at RunCommand.validateAndRun (/Users/monika/Documents/PROJECTS/CSS_MobileApps/apps/First/node_modules/@angular/cli/models/command.js:124:31)
[ng]     at process._tickCallback (internal/process/next_tick.js:68:7)
[ng]     at Function.Module.runMain (internal/modules/cjs/loader.js:757:11)
[ng]     at startup (internal/bootstrap/node.js:283:19)
[ng]     at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)

[ERROR] ng has unexpectedly closed (exit code 1).
4

I’ve spend few days but got it working - here is a demo repo - https://github.com/sneat-opensource/ionic-ng-workspace

let me know if it works for you and any feedback is welcome.