从动态路由 Sveltekit 导入组件不起作用答案

【问题标题】：Sveltekit import component from dynamic route not working从动态路由 Sveltekit 导入组件不起作用
【发布时间】：2023-02-02 10:35:51
【问题描述】：

我正在尝试在 Sveltekit 中导入一个组件，但它正在搜索 3 个文件夹而不是 2 个。

import Search from '../../Search.svelte'

但我得到错误：

无法加载 url ../../../Search.velte

文件夹结构是这样的：
/[id]
  +page.svelte
  Search.svelte
  /[slug]
    /members
      +page.svelte
[id]/[slug]/members/+page.svelte 是我尝试执行导入的地方。

【问题讨论】：

标签： sveltekit

【解决方案1】：

最好将组件放在 lib 文件夹中，然后使用导入组件

import Search from '$lib/search.svelte';

并确保库文件夹的路径在 tsconfig/jsconfig 文件中定义：

"$lib/*":[ "lib/*" ]

【讨论】：