title: Run Express service and Angular 6 app in parallel
body: <p>I am currently working on creating a CRUD app using <a href="https://appdividend.com/2018/05/27/angular-6-crud-example-mean-stack-tutorial/" rel="nofollow noreferrer">Angular6</a> with MSSQL. </p>
  
  <p>I have successfully retrieved data from my local database and created the desired routes but I am having trouble displaying the data in the frontend. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>//masterList.service.ts
  
  import {
    Injectable
  } from '@angular/core';
  import {
    HttpClient
  } from '@angular/common/http';
  import {
    MasterList
  } from './MasterList';
  
  @Injectable({
    providedIn: 'root'
  })
  export class MasterListService {
  
    uri = 'http://localhost:4000/masterList';
  
    constructor(private http: HttpClient) {}
  
    getMasterList() {
      console.log(this);
      return this
        .http
        .get(`${this.uri}/`);
    }
  }
  //package.json
  
  "name": "ng6crud",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "nodemon server.js &amp;&amp; ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },</code></pre>
  </div>
  </div>
  </p>
  
  <p>Running:</p>
  
  <p><code>npm start</code></p>
  
  <p>This returns the service with the data but the app is not compiled, and reversing the order does the opposite, with the error:</p>
  
  <pre><code>ERROR HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: "http://localhost:4000/masterList/", ok: false, …}
  </code></pre>
  
  
  
  <p><strong>How do I get data from my service: <code>4000</code> and have it published: <code>4200</code> at the same time?</strong></p>