F7 v6 can't link page

I am getting an error when trying to click on “login” button and navigate to the login page. This is how it looks:

import HomePage from ‘…/pages/home.f7.html’;
import LoginPage from ‘…/pages/login.f7.html’;

import NotFoundPage from '../pages/404.f7.html';

var routes = [
    path: '/',
    component: HomePage,
    path: '/login',
    component: LoginPage,
    path: '(.*)',
    component: NotFoundPage,

export default routes;


  <div class="page" data-name="login">
      <div class="page-content">
          <div class="login-screen-title">Bei ganz ohne Passwort anmelden</div>
          <div class="block-header">Melde dich mit deiner E-Mail an.</div>
          <!-- Login form -->
          <div class="block">
              <form id="auth-form-login" action="#">
                  <div class="list inset">
                          <li class="item-content item-input item-input-outline">
                              <div class="item-inner">
                                  <div class="item-title item-floating-label">E-Mail</div>
                                  <div class="item-input-wrap">
                                      <input type="text" name="email">
                                      <span class="input-clear-button"></span>
                  <div class="list">
                              <a href="#" class="button button-large button-round button-fill button-raised">Anmelden</a>
export default (props, { $f7, $, $on }) => {
  return $render;

the link in home.f7.html:
<a href="/login">Login</a>

and the error:

Unhandled Promise Rejection: Error: TypeError: Attempted to assign to readonly property.

It isn’t like this path:’/login/’, with close Slash /.
Or is the same.?

id doesn’t matter, both doesn’t work

I figured it out

simple inputs has to have a trialing /
this is invalid:

                                  <input type="text" name="email" />

but this is alright:

                                  <input type="text" name="email" />
1 Like

In v6 all tags need to be closed.