带中继的 TypeScript：无法解析生成的模块

In my MessageItem.tsx组件我有以下代码：

const data = useFragment(
    graphql`
      fragment MessageItem_message on Message {
        date
        body
      }
    `,
    message as any
  );

运行后relay-compiler --src ./src --schema ../../schema.graphql --language typescript --artifactDirectory ./src/__generated__，一个名为MessageItem_message.graphql.ts被生成。

但是当我运行该应用程序时，它给了我一个错误：

编译失败。

./src/components/MessageItem.tsx

找不到模块：无法解析 './__ generated__/MessageItem_message.graphql'

原因是只有 src 根目录下的组件才能引用正确的路径（./__generated__），而文件夹中的组件实际上需要引用路径（../__generated__）但它并没有这样做。

如何配置路径？

Edit .babelrc指向artifactDirectory

// .babelrc
{
  "plugins": [
    [
      "relay",
      {
        "artifactDirectory": "./src/ui/graphql/types"
      }
    ]
  ]
}