Я новичок в Svelte. Я не могу сделать так, чтобы моя страница входа отображалась как часть одностраничного приложения.
Я скопировал и адаптировал пример на Привет мир
Но когда я нажимаю на ссылку, я не вижу страницу HTML из моего компонента входа в систему. Ссылка с главной (индексной?) Страницы:
http://localhost:5000/#/Login/
Код в моем файле App.svelte:
<script>
import Login from './Login.svelte';
const routes = {
'/Login/': Login
}
</script>
<body>
<a href = "#/Login/">Login Please!</a>
</body>
Код в моем сценарии входа (в корневом каталоге проекта):
<script>
let user;
const unUser = User.subscribe(v => user = v);
onDestroy(unUser);
$: isLoggedIn = !!user;
</script>
<TopNavBar/>
{#if isLoggedIn}
<p>Already Logged In</p>
{:else}
let email, password;
email = '';
password = '';
<h1 class = "dscript">Login to Foobar</h1>
<form>
...
Хм, нет. Думаю, вы это предлагаете. Интересно, зачем бывают разные роутеры и т.д. Что не так со встроенным?
Сам по себе Svelte не поставляется с маршрутизатором, в примере, который вы использовали в REPL, используется svelte-spa-router. проверьте это REPL.
@ShrijiKondan Спасибо за информацию. Как это соотносится с Webpack?
webpack и rollup - это сборщики пакетов, они не маршрутизаторы, я лично предпочитаю rollup.
Вы используете
svelte-spa-router
?