svelte-navigator: TypeError: Cannot read properties of null (reading 'indexOf')

Question

我是 svelte 的新手。我尝试使用 svelte-navigator lib 进行客户端路由，但是当我尝试构建它时出现错误。

npm run dev

09:24:58 [vite-plugin-svelte] ssr compile in progress ...
TypeError: Cannot read properties of null (reading 'indexOf')

src/routes/+layout.svelte

<script>
    import Header from './Header.svelte';
    import './styles.css';

    import { Router, Route, Link } from "svelte-navigator";
</script>

<Router>
    <div class="app">
        <Header />

        <main>
            <Route path="/">
                <h3>Home</h3>
                <p>Home sweet home...</p>
            </Route>
        
            <Route path="about">
                <h3>About</h3>
                <p>That's what it's all about!</p>
            </Route>
        </main>
    </div>
</Router>

svelte.config.js

import adapter from "@sveltejs/adapter-static";

export default {
  kit: {
    adapter: adapter({
      // default options are shown. On some platforms
      // these options are set automatically — see below
      pages: "build",
      assets: "build",
      fallback: null,
      precompress: false,
      strict: true,
    }),
  },
};

我试图在谷歌中找到解决方案并询问我的朋友程序员但没有效果。

Answer 1

和 vite.config.ts

import { sveltekit } from "@sveltejs/kit/vite";
import { defineConfig } from "vite";

export default defineConfig({
  plugins: [sveltekit()],
  optimizeDeps: { exclude: ["svelte-navigator"] },
});