title: Vaadin Router (non-java) Address Bar Entry not working
body: <p>Attempting to create a Single Page Application using Vaadin-router and Web Components. Everything works with normal navigation. However, when typing a valid address into the address bar, I get the following output to the screen and no error in the console.</p>
  <p>Cannot GET /users</p>
  <p>I have reviewed this question, but doesn't appear to help: <a href="https://stackoverflow.com/questions/62925129/vaadin-router-route-parameters-into-the-address-bar-not-working">Vaadin Router: Route Parameters into the address bar not working</a></p>
  <p>Am I wrong in thinking that I should be able to type in an address and navigate to the resource?</p>
  <p>Typical setup from tutorials: with the following versions:</p>
  <p><strong>package.json</strong></p>
  <pre><code>  &quot;name&quot;: &quot;rollup-dependencies&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;description&quot;: &quot;&quot;,
    &quot;main&quot;: &quot;index.js&quot;,
    &quot;scripts&quot;: {
      &quot;test&quot;: &quot;echo \&quot;Error: no test specified\&quot; &amp;&amp; exit 1&quot;
    },
    &quot;keywords&quot;: [],
    &quot;author&quot;: &quot;&quot;,
    &quot;license&quot;: &quot;ISC&quot;,
    &quot;devDependencies&quot;: {
      &quot;@rollup/plugin-node-resolve&quot;: &quot;^13.0.0&quot;,
      &quot;rollup&quot;: &quot;^2.52.8&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@vaadin/router&quot;: &quot;^1.7.4&quot;,
      &quot;lit-html&quot;: &quot;^1.4.1&quot;,
      &quot;redux&quot;: &quot;^4.1.0&quot;
    }
  }
  </code></pre>
  <p><strong>app.js - routes</strong></p>
  <pre><code>
  import &quot;../views/HomeView.js&quot;;
  import &quot;../views/NotFoundView.js&quot;;
  import &quot;../views/UserListView.js&quot;;
  
  // select the DOM node where the router inserts route Web Components
  const outlet = document.getElementById('outlet');
  const router = new Router(outlet);
  router.setRoutes([
      {path: '/', component: 'x-home-view'},
      {path: '/users', component: 'x-users-view'},
      {path: '/users/(.*)', component: 'x-user-not-found-view'},
      {path: '(.*)', component: 'x-not-found-view'},
  ]);
  </code></pre>
  <p><strong>index.html</strong></p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;[WebStandards template]&lt;/title&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;./content/css/style.css&quot;&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;base href=&quot;/&quot;&gt;
      &lt;a href=&quot;/&quot;&gt;Home&lt;/a&gt;
      &lt;a href=&quot;/users&quot;&gt;All Users&lt;/a&gt;
      &lt;a href=&quot;/users/kim&quot;&gt;Kim&lt;/a&gt;
      &lt;a href=&quot;/about&quot;&gt;About&lt;/a&gt;
      &lt;div id=&quot;outlet&quot;&gt;&lt;/div&gt;
  
      &lt;script src=&quot;./content/scripts/app.js&quot; type=&quot;module&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  <p>WebComponents are not present here for brevity. However, they are present in the code, and clicking the links navigates to them successfully.</p>