title: Hyperledger Angular App - error message: "Could not find API route"
body: <p>Using Hyperledger Fabric Composer I created a simple application.</p>
  
  <p>However, when I try to interact with the application (which is served at <a href="http://localhost:4200" rel="nofollow noreferrer">http://localhost:4200</a>), I keep getting the following error message:  </p>
  
  <pre><code>Error: 404 - Could not find API route. Please check your available APIs. 
  </code></pre>
  
  <p>This error message appears whatever I want to do (create new Participant/Asset, submit a transaction, ...)</p>
  
  <p>I checked whether the error message had something to do with the application I created. So I also deployed another application I downloaded from the Internet. Again, the same error message appeared when I tried to interact with the UI.</p>
  
  <pre><code>       **********************************************************
  </code></pre>
  
  <p>Here's the long story: </p>
  
  <p>After I had finished writing the code, I took the usual steps to obtain an Angular Web App:</p>
  
  <p>Inside the folder of the app ("my_app"), I created a folder called "dist".
  Inside folder "dist" I ran the following commands:</p>
  
  <pre><code>composer archive create -t dir -n ../
  
  composer network install --archiveFile my_app@0.0.1.bna --card PeerAdmin@hlfv1
  
  composer network start --networkName my_app --networkVersion 0.0.1 --card PeerAdmin@hlfv1 --networkAdmin admin --networkAdminEnrollSecret adminpw
  
  composer card import -f admin@my_app.card
  
  //start rest-server:
  composer-rest-server 
  
  yo hyperledger-composer
  </code></pre>
  
  <p>After the last command I chose (from the menu) the option to create an "angular" application based on the business network "my_app". </p>
  
  <p>A folder containing the angular-application was created (name of the folder: "angular").</p>
  
  <p>Inside folder "angular", I ran the following command:</p>
  
  <pre><code>ng serve
  </code></pre>
  
  <p>Some output on the command line was created, among others, the following line:</p>
  
  <pre><code>** NG Live Development Server is running on http://localhost:4200 **
  </code></pre>
  
  <p>When I went to address <a href="http://localhost:4200" rel="nofollow noreferrer">http://localhost:4200</a> everything looked fine at first.</p>
  
  <p>However, whenever I click on any of the buttons in the UI (e.g. on "Add Participant"), I get the following error message:</p>
  
  <pre><code>Error: 404 - Could not find API route. Please check your available APIs.
  </code></pre>