Svelte / Typescript - 跨多个文件共享命名空间

Question

我不确定这是否可能，但在我排除之前，我只是想要一些反馈。

我正在命名空间下组织我的 Svelte/Typescript 项目中的变量类型。理想情况下，我希望在单个命名空间（类型）下组织的多个文件中的所有类型

例如： - /types/type.user.ts

export namespace Types {
  export type User {
   name : '',
   email: ''
  }
}

然后在 -components/type.column.ts

export namespace Types {
  export type Column {
   id : '',
   filter : ''
  }
}

将这些类型导入单个文件时会出现问题，因为它会导致解析导出命名空间的歧义：

import { Type } from "/src/types/type.user";
import { Type } from "/src/components/types/type.column";

我找不到解决此问题的方法。在我放弃命名空间或将类型合并到单个文件之前，这可能吗？

Answer 1

为了让它工作，我创建了 3 个文件：src/components/type.column.ts、src/types/type.user.ts 和 component.svelte。

我还必须通过设置 "isoluatedModules": false 来修改 tsconfig.json 文件（因为这显然是使用 Vite 创建的苗条项目的默认设置）。

src/components/type.column.ts

namespace Types {
  export type Column = {
    id: string;
    filter: string;
  }
}

src/types/type.user.ts

/// <reference path="../components/type.column.ts" />
namespace Types {
  export type User = { 
    name: string;
    email: string;
  }
}

component.svelte

<script lang="ts">
/// <reference path="../types/type.user.ts">
const someUser: Types.User = {
  email: '',
  name: ''
};

const someColumn: Types.Column = {
  filter: '',
  id: 'some-id'
};

</script>

不过，我会指出，我不确定我是否会亲自使用这种方法。我倾向于尝试将内容保存在最相关的位置，因此我可能会删除 Types 命名空间，并简单地从每个文件中导出单个类型。我认为执行以下操作没有问题：

<script lang="ts">
import type { User } from '../types/type.user';
import type { Column } from '../components/type.column';
const someuser: User = {...};
const someColumn: Column = {...};
</script>

这在很大程度上归结为个人喜好，但是通过更改 isolatedModules 设置，我们可能会在稍后使用 svelte 预处理器时遇到错误——我会向前说我实际上并不知道很多关于苗条团队使用此设置的原因，所以我不能多说，但我认为他们一定是有原因的。请记住，虽然这行得通，但它最终可能会成为未来一些挫折的原因。