title: How to solve noscript - doesn't work properly without JavaScript enabled when serving a Vue App
body: <p>I'm setting up a new Vue.JS application using the Vue UI interface.
  When I start the application using <code>vue serve src/App.vue</code> the application starts but it only displays in the page the default <code>Home | About</code>.
  When I inspect the page in the HTML I see:</p>
  
  <pre><code>&lt;noscript&gt;
        &lt;strong&gt;We're sorry but basicapp doesn't work properly without JavaScript enabled. Please enable it to continue.&lt;/strong&gt;
  &lt;/noscript&gt;
  </code></pre>
  
  <p>and in the console I see</p>
  
  <pre><code>[Vue warn]: Unknown custom element: &lt;router-link&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.
  
  found in
  
  ---&gt; &lt;App&gt; at src/App.vue
         &lt;Root&gt;
  </code></pre>
  
  <p>I am working with the basic application created when running the Vue UI</p>
  
  <p>I am working with the basic application created when running the Vue UI
  If I run the application using the <code>vue ui</code> command followed by starting the application from the Vue UI it works.</p>
  
  <p>The reason I want to open the application using the command line is that in Cloud9 where I want to test the application the vue ui starts on localhost and I cannot find a way to open it. The only changes I made to the application files were done only to make the application run inside the Cloud9 container:
  changed the <code>package.json</code>added: </p>
  
  <pre><code>"dev": "webpack-dev-server --inline --progress --port 8080 --host 0.0.0.0 --config vue.config.js --public $C9_HOSTNAME",
  </code></pre>
  
  <p>created the <code>vue.config.js</code> and added: </p>
  
  <pre><code>module.exports = {
    devServer: {
      compress: true,
      disableHostCheck: true,
    },
  }
  </code></pre>