title: How to install LoopBack-API-Explorer into existing application
body: <p>I'm following the official "Getting Started"-tutorial of LoopBack: <a href="https://loopback.io/doc/en/lb3/Use-API-Explorer.html" rel="nofollow noreferrer">https://loopback.io/doc/en/lb3/Use-API-Explorer.html</a> </p>
  
  <p>Everything works fine apparently. However, when it comes to open the API-Explorer in a webbrowser, it gives 404:</p>
  
  <blockquote>
    <p>404 Cannot GET /explorer</p>
  </blockquote>
  
  <p>This is working as expected: <a href="http://0.0.0.0:3000/" rel="nofollow noreferrer">http://0.0.0.0:3000/</a></p>
  
  <p>This returns 404 status code: <a href="http://0.0.0.0:3000/explorer" rel="nofollow noreferrer">http://0.0.0.0:3000/explorer</a></p>
  
  <p>Is it lack of documentation or some incampatibilities between Tutorial and newest loopback-generator?</p>
  
  <p>I did every step exactly as mentioned in the tutorial.</p>
  
  <p>Maybe this config-file called "server/config.json" can help, because i stumbled upon a setting "legacyExplorer":false.</p>
  
  <p>Or is it necessary to install the explorer as a separated component?</p>
  
  <pre><code>{
    "restApiRoot": "/api",
    "host": "0.0.0.0",
    "port": 3000,
    "remoting": {
      "context": false,
      "rest": {
        "normalizeHttpPath": false,
        "xml": false
      },
      "json": {
        "strict": false,
        "limit": "100kb"
      },
      "urlencoded": {
        "extended": true,
        "limit": "100kb"
      },
      "cors": false,
      "handleErrors": false
    },
    "legacyExplorer": false
  }
  </code></pre>