Unable to Bootstrap a Multi-app Appliciation with Shared Resources

[mgmarlow]

Versions

Angular CLI: 1.6.0
Node: 8.4.0
OS: win32 x64
Angular: 5.1.0
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.6.0
@angular-devkit/build-optimizer: 0.0.35
@angular-devkit/core: 0.0.22
@angular-devkit/schematics: 0.0.41
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.0
@schematics/angular: 0.1.10
@schematics/schematics: 0.0.10
typescript: 2.4.2
webpack: 3.10.0

Repro steps

• Create new main2.ts entry point, place in directory outside of ./my-app/src/ (e.g. ./my-app/src2/)
• Add a new app entry to .angular-cli.json that points to this new entry point as main at the new root directory. Note: the dependencies of tsconfig.app.json, polyfills.ts, and others are shared between the two apps.
• ng serve --app 1: Observe error.

Here's a project that reproduces the issue.

npm i
ng serve --app 1

A closer look at the .angular-cli.json:

  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css"
      ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    },
    {
      "root": "src2",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "../src/index.html",
      "main": "main2.ts",
      "polyfills": "../src/polyfills.ts",
      "tsconfig": "../src/tsconfig.app.json",
      "prefix": "app",
      "environmentSource": "../src/environments/environment.ts",
      "environments": {
        "dev": "../src/environments/environment.ts",
        "prod": "../src/environments/environment.prod.ts"
      }
    }
],

Observed behavior

Transcript:

ERROR in ./src2/main2.ts.
Module build failed: Error: ..\multi-app-shared\src2\main2.ts is not part of the compilation output. Please check the other error messages for details.

Desired behavior

Bootstrap the application as intended.

Mention any other details that might be useful (optional)

• Project link: https://github.com/mgmarlow/multi-app-shared

[filipesilva]

The error that you see is intended. You're using ./src/tsconfig.app.json as your tsconfig for the second app. But typescript compilations have their root on the folder where the tsconfig is. So ./src2/main2.ts is indeed outside the compilation.

You'll have to add your second folder the in include array in tsconfig at least, and other configuration items might be needed as well.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}