Как разместить два независимых друг от друга приложения на Angular4

все, понял... поковырявшись в интеренатах понял, что это можно реализовать только при помощи сборщика SystemJS, вот линк, хотя люди тоже жалуются на похожую ошибку (https://blog.sstorie.com/bootstrapping-multiple-angular-2-applications-on-the-same-page/).

Если использовать angular-cli, то там добавлена только возможность отдельно создавать два приложения, но не запусктаь и билдить одновременно (https://github.com/angular/angular-cli/wiki/stories-multiple-apps).

Так что надо голосовать за эту фичу (https://github.com/angular/angular-cli/issues/6428)

.angular-cli.json

"apps": [
{ "name":"app1",
  "root": "src",
  "outDir": "dist",
  "assets": [
    "assets",
    "favicon.ico"
  ],
  "index": "index.html",
  "main": "main-one.ts",
  "polyfills": "polyfills.ts",
  "test": "test.ts",
  "tsconfig": "tsconfig.app.json",
  "testTsconfig": "tsconfig.spec.json",
  "prefix": "app",
  "styles": [
    "styles.css",
   "../node_modules/@angular/material/core/theming/prebuilt/indigo-pink.css"
  ],
  "scripts": [],
  "environmentSource": "environments/environment.ts",
  "environments": {
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts"
  }
},
{ "name":"app2",
  "root": "src",
  "outDir": "dist2",
  "assets": [
    "assets",
    "favicon.ico"
  ],
  "index": "index.html",
  "main": "main-two.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"
  }
}
],

структура:

src/
---/app1
---/app2

старт

ng serve --app app1
ng serve --app app2