问题

export const machine = createMachine(
{
tsTypes: {} as import("./testMachine.server.typegen").Typegen0,
...,
}

然而，这个类型转换引发了以下错误：

import() 类型注释是被禁止的.eslint@typescript-eslint/consistent-type-imports
interface Typegen0

我研究了动态导入，但似乎无法解决这个问题：

const dynamicImport = async() => await import("./testMachine.server.typegen")

这些信息来自我的 eslint。

<details>
<summary>英文:</summary>

I am using XState on the backend and per the XState docs, I added type annotation to my state machine&#39;s config:

export const machine = createMachine(
{
tsTypes: {} as import("./testMachine.server.typegen").Typegen0,
...,
}

However, the type cast is throwing this error: 

import() type annotations are forbidden.eslint@typescript-eslint/consistent-type-imports
interface Typegen0

I looked into dynamic imports, but that doesn't seem to fix the issue:

const dynamicImport = async() => await import("./testMachine.server.typegen")

This is from my eslint.

</details>


# 答案1
**得分**: 1

这似乎只是一个 linting 错误。您的 eslint 配置期望以某种特定方式导入类型。我会假设类型推断和您的代码仍然可以正常工作。

您可以通过将忽略注释直接放在出现错误的行之上来禁用 linting 错误。我不确定我是否完全正确理解了注释，但朝这个方向的注释应该可以禁用错误。

```javascript
// eslint-disable-next-line @typescript-eslint/consistent-type-imports
// @ts-ignore

否则，您也可以使用 这个答案 中的导入语法，或相应地调整您的 eslint 配置。

顺便说一句，我认为导入类型不需要使用 await。

// eslint-disable-next-line @typescript-eslint/consistent-type-imports
// @ts-ignore

答案2

得分: 0

使用 import() 进行类型导入在默认情况下被 consistent-type-imports eslint 规则禁止，但你可以通过在你的 .eslintrc.json rules 部分将 disallowTypeAnnotations 设置为 false 来允许它：

{
  "rules": {
    "@typescript-eslint/consistent-type-imports": ["error", {
      "disallowTypeAnnotations": false
    }],
...

{
  "rules": {
    "@typescript-eslint/consistent-type-imports": ["error", {
      "disallowTypeAnnotations": false
    }],
...

答案3

得分: -1

以下是翻译好的部分：

It says you MUST import types as

import type { Typegen0 } from "./testMachine.server.typegen"
export const machine = createMachine(
    {
      tsTypes: {} as Typegen0,
    ...,
    }

You can read more in the documentation: https://typescript-eslint.io/rules/consistent-type-imports/#prefer

import type { Typegen0 } from "./testMachine.server.typegen"
export const machine = createMachine(
    {
      tsTypes: {} as Typegen0,
    ...,
    }