Я сделал следующее:
Это мой main.js:
import App from './App.svelte';
const app = new App({
target: document.body,
props: {
name: 'Acme Limited'
}
});
export default app;
client.js:
import * as sapper from '@sapper/app';
sapper.start({
target: document.querySelector('#sapper')
});
Вершина App.svelte:
<script>
import { writable } from 'svelte/store';
import * as sapper from '@sapper/app';
Мое приложение работало, пока я не добавил Sapper.
Я попытался добавить эту строку в main.js:
import * as sapper from '@sapper/app';
Единственный мой код, который ссылается на Sapper, находится в индексном файле:
<!-- src/routes/index.svelte -->
<svelte:head>
<title>Welcome</title>
</svelte:head>
<h1>Hello, and welcome!</h1>
<nav>
<a href = ".">Home</a>
<a href = "about">About</a>
</nav>
Скриншот:
🤔 А знаете ли вы, что...
JavaScript можно использовать для манипуляции DOM (Document Object Model), что позволяет изменять содержимое и структуру веб-страницы.