Question

我们目前正在自动生成带有波动的API模型，并希望将它们方便地导入到我们的项目中。

目前，我们以以下方式导入它： tsconfig.ts

"paths": {
  "apimodel/*": ["frontend/swagger-api-definition/model/*"]
}

随机数据源类：

import { ExampleDtoQuery } from 'apimodel/exampleDtoQuery ';
import { ExampleUserDtosUserManagerDashboardResponseUserProject } from 'apimodel/exampleUserDtosUserManagerDashboardResponseUserProject ';

名字只是随机的，请不要评判它们：）

现在我想做的是在tsconfig中创建一个别名，并使用在根目录中生成的bucket文件。像这样： tsconfig.ts

"paths": {
  "@apimodel": ["frontend/swagger-api-definition/index.ts"]
},

随机数据源类：

import { ExampleDtoQuery } from '@apimodel';
import { ExampleUserDtosUserManagerDashboardResponseUserProject } from '@apimodel ';

但是编译器一直告诉我：Cannot find module '@apimodel'.ts(2307)

有什么建议吗？

Answer 1

路径定义中的*告诉TS编译器允许从前缀为@apimodel/的任何内容中导入。您还需要提供一个baseUrl，否则TS编译器将无法找到相关的桶文件。要使其按照您希望的方式工作，您应该能够将paths和baseUrl的定义更新为：

"baseUrl": "./",
"paths": {
  "@apimodel": ["frontend/swagger-api-definition/index.ts"]
},

如何在Typescript（Angular）中导入表格模型桶文件

1 个答案: