Uncaught ReferenceError: sapper не определен в файле main.js Svelte

Я сделал следующее:

  • установлены
    • node.js
    • Svelte
    • Сапер
  • созданный
    • client.js
    • server.js

Это мой 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>

Скриншот:

Uncaught ReferenceError: sapper не определен в файле main.js Svelte

🤔 А знаете ли вы, что...
JavaScript можно использовать для манипуляции DOM (Document Object Model), что позволяет изменять содержимое и структуру веб-страницы.


33