未捕获的 ReferenceError：未定义 sapper，在 main.js Svelte 文件中

Question

我做了以下事情：

• 已安装
  • node.js
  • 苗条
  • 工兵
• 已创建
  • 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>

截图：