Npm SPA路由器链接显示两页

我是新的苗条和npm。我正在尝试做我的第一个应用程序。我执行了npx degit。。。npm安装和npm安装svete spa路由器——保存

我的页面还可以，但是当我点击ref链接时，我的当前页面仍然显示，并且在它下面显示链接的页面。我做错了什么

下一个my routes.js代码：

import Inicio from './componentes/Inicio.svelte'
import Login from './componentes/Login.svelte'
import Registro from './componentes/Registro.svelte'
import Nosotros from './componentes/Nosotros.svelte'
import Blog from './componentes/Blog1.svelte'
import ErrorRuta from './componentes/ErrorRuta.svelte'

const routes = {
    '/':Inicio,
    '/Login':Login,
    '/Registro':Registro,
    '/Nosotros':Nosotros,
    '/Blog':Blog,
    '*':ErrorRuta
}

export default routes

下一个my App.svelte代码：

<script>
    import Router from 'svelte-spa-router'  
    import {link} from 'svelte-spa-router'
    import routes from './routes'
</script>
  
<header class="site-header inicio">
    <div class="contenedor contenido-header">
      <div class="barra">
            <a href="/" use:link>
                <img class="cabecera" src="./img/Logo.jpg" alt="Logotipo">
            </a>
        
            <nav id="navegacion" class="navegacion">
                <a href="/Login" use:link>Login</a>
                <a href="/Registro" use:link>Registro</a>
                <a href="/Nosotros" use:link>Nosotros</a>
                <a href="/Blog" use:link>Blog</a>
            </nav>  
        </div>  
    </div>
</header>  
  

  <main class="contenedor seccion">
    
    <h2 class="font-weight300 centrar-texto">Servicios ofrecidos</h2>
    <div class="contenedor-anuncios">
        <div class="anuncio">
            <img class="centrada" src="img/finanzas.jpg" alt="Imagen finanzas">
            <div class="contenido-anuncio">
                <h3 class="centrado">Robot EA ZigZag coberturas</h3>
                <br/>
                <p>Es importante contar con nociones básicas de trading y de MetaTrader 4 para operarlo. El robot EA ZigZag Coberturas se basa en el indicador ZigZag y cruce de medias para determinar la apertura de posiciones en el par de divisas en que se encuentre trabajando. Cuando la operación llega a un cierto nivel de Stop Loss, el robot activa coberturas y las administra, de tal forma que no haya pérdida, o la pérdida sea mínima.</p>
                <br/>
                <p>El objetivo del robot EA ZigZag coberturas, es proteger el capital, principalmente, de las variaciones drásticas y manipulaciones del mercado.</p>
                <br/>
                <p>Como todo robot, es imperativo que siempre se encuentre en línea y operando, para poder cumplir su propósito.</p>
                  
                
                <a href="/" use:link class="boton boton-azul d-block">Descargar</a>
            </div>
        </div>
        <div class="anuncio">
            <img class="centrada" src="img/finanzas2.jpg" alt="Imagen finanzas2">
            <div class="contenido-anuncio">
                <h3 class="centrado">Servicios</h3>
                <br/>
                <p>Únete a nuestro canal de Telegram para compartir ideas de Trading.</p>
                <br/>
                <p>Participa en nuestro Blog para discutir estrategias que puedan ayudar a todos a alcanzar mejores resultados en el Trading.</p>
                <br/>
                <p>Participar no es gratis. El costo es que, de tus ganancias, destines un porcentaje (que tu decidas) a algún horfanato, asilo de ancianos (el que tu decidas).</p>
                                
                <a href="/Blog" use:link class="boton boton-azul d-block">Ir al Blog</a>
            </div>
        </div>
    </div>
</main>
  
<Router {routes} />

<footer class="blue page-footer">
    <div class="footer-copyright">
        <div class="container">
             © 2021 Copyright 
        </div>
    </div>
</footer>

从“苗条水疗路由器”导入路由器
从“svelte spa路由器”导入{link}
从“/routes”导入路由
雷多斯服务
机器人EA之字形coberturas


这是一个重要的交易和交易风险控制措施。EL机器人EZ机器人。在停止损失的过程中，机器人的动作和管理，不需要做什么动作，也不需要做什么动作



机器人的目标是曲折的科贝托拉斯，它的保护者是首都、普林西比蒙特、变化博士和墨卡多人



这是一个机器人，它的任务是保护所有人和操作人员的安全，这是一个很好的解决方案

服务


在新运河上打电报，比较交易的想法



在新的博客中，参与者讨论了交易的结果



参赛者无需免费参加。这是一个很好的例子，它是一个很好的例子

©2021版权所有

问题已解决

App.svelte仅应具有下一个代码：

从“苗条水疗路由器”导入路由器 从“/routes”导入路由