Kevin Renskers's questions

在我的 Svelte 4 应用中，我动态加载了组件，所有组件都有不同的 props。非常简单的复制（也可在Svelte Playground上使用）：

// App.svelte
<script lang="ts">
  import One from "./One.svelte";
  import Two from "./Two.svelte";

  import type { ComponentType } from "svelte";

  type Item = {
    component: ComponentType;
  };

  const items: Item[] = [
    { component: One, one: "World" },
    { component: Two, two: "Svelte" },
  ];
</script>

<div class="container py-20 text-white">
  {#each items as item}
    <div>
      <svelte:component this={item.component} {...item} />
    </div>
  {/each}
</div>

// One.svelte
<script lang="ts">
    export let one;
</script>

Hello {one}

// Two.svelte
<script lang="ts">
    export let two;
</script>

Goodbye {two}

运行良好，没有任何警告或错误，到目前为止没有任何投诉。但是我想迁移到 Svelte 5，现在我收到一堆 TypeScript 错误。例如ComponentType已弃用，以及类似以下内容：

Type '__sveltets_2_IsomorphicComponent<{ one: any; }, { [evt: string]: CustomEvent<any>; }, {}, {}, string>' is not assignable to type 'ComponentType'.
  Type '__sveltets_2_IsomorphicComponent<{ one: any; }, { [evt: string]: CustomEvent<any>; }, {}, {}, string>' is not assignable to type 'new (options: ComponentConstructorOptions<Record<string, any>>) => SvelteComponent<Record<string, any>, any, any>'.
    Types of parameters 'options' and 'options' are incompatible.
      Type 'ComponentConstructorOptions<Record<string, any>>' is not assignable to type 'ComponentConstructorOptions<{ one: any; }>'.
        Property 'one' is missing in type 'Record<string, any>' but required in type '{ one: any; }'.

我该如何重构代码，使其继续工作，而不会出现 TypeScript 错误，并且不必对每个组件进行强类型化？在我的实际应用中，涉及许多组件，每个组件都有一大堆不同的 props。我不想为每个组件创建类型别名。

只需更改ComponentType为Component即可消除弃用警告，但其他警告基本仍然相同：

Type '__sveltets_2_IsomorphicComponent<{ one: any; }, { [evt: string]: CustomEvent<any>; }, {}, {}, string>' is not assignable to type 'Component<{}, {}, string>'.
  Types of parameters 'props' and 'props' are incompatible.
    Type '{}' is not assignable to type '{ one: any; } & { $$events?: { [evt: string]: CustomEvent<any>; } | undefined; $$slots?: {} | undefined; }'.
      Property 'one' is missing in type '{}' but required in type '{ one: any; }'.ts(2322)

更改ComponentType为SvelteComponent也不会让事情变得更好。当我使用该unknown类型时，我收到此警告：

Argument of type 'unknown' is not assignable to parameter of type 'ConstructorOfATypedSvelteComponent | Component<any, any, any> | null | undefined'.

至少那只是一个警告，而不是数组中的一大堆，所以更好，但这真的不能用更好的方法解决吗（无需输入每个组件）？

我使用 Fish shell，使用来自此点文件存储库的配置：https://github.com/kevinrenskers/dotfiles/tree/main/fish。

问题是，每当我在终端中打开新选项卡时，它都会从上一个路径开始，而不是从我的用户主文件夹开始。如何更改此行为，以便每个终端始终从打开~？

奇怪的是，我一直在使用这些点文件，从来没有遇到过这个问题，直到我格式化我的电脑并从头开始设置。不知道为什么现在它会这样，但我真的不喜欢它。

LayoutServerLoad在我的 SvelteKit 网站中，我在函数内部向后端发出请求+layout.server.ts。即当使用查询参数打开网站时?affiliate_id=bla，我想将其发送到后端：

import type { LayoutServerLoad } from "./$types";
import { keyBy } from "$lib/utils";
import { backendUrl } from "$lib/config";

export const trailingSlash = "always";

export const load: LayoutServerLoad = async ({ locals, url, fetch }) => {
  const affiliate_id = url.searchParams.get("affiliate_id");
  if (affiliate_id) {
    const headers = {
      "Content-Type": "application/json",
      "X-CSRFToken": locals.csrfToken,
    };

    fetch(`${backendUrl}/shop/basket/`, { method: "POST", credentials: "include", headers, body: JSON.stringify({ affiliate_id }) })
      .catch(error => {
        console.error("Error storing affiliate_id: ", error);
      });
  }

  return {
    // I'm returning a bunch of data here
  };
};

问题是后端响应包含set-cookie标头，并且 cookie 没有存储在浏览器中。

当我将load函数更改为仅返回affiliate_id：

export const load: LayoutServerLoad = async ({ locals, url }) => {
  return {
    affiliateId: url.searchParams.get("affiliate_id"),
    // and more data
  };
};

然后在里面发出请求+layout.svelte，那么一切就正常工作了。

<script lang="ts">
  import type { PageData } from "./$types";
  import { onMount } from "svelte";

  export let data: PageData;
  const { affiliateId } = data;

  onMount(async () => {
    if (affiliateId) {
      // Do the request here
    }
  });
</script>

<slot />

现在，响应中的 cookie 已正常存储在浏览器中。

为什么在函数中做同样的请求时，cookie没有被存储呢load？

我正在为一家网上商店开发 Django API，并将模型和视图组织到不同的应用程序中：一个用于订单，一个用于购物篮，一个用于产品，一个用于报价。现在我想将这些模型添加到管理站点，但我不希望它显示为四个不同的部分，每个部分都有一个模型需要管理。相反，我想要一个新的“商店”部分，在其中显示所有这些应用程序的模型。

所以代替这个：

我希望这两种模型都位于一个公共部分。这可能吗？

我尝试在两个应用程序的文件中设置相同的详细名称apps.py，但这只会导致两个具有相同名称的部分：