路径别名自动导入错误

当从 Angular 9 应用程序中提供路径别名的文件夹自动导入服务/组件时，我遇到了奇怪的问题。

这些是我在中定义的别名tsconfig.json

"paths": {
  "@core/*": ["app/core/*"],
  "@shared/*": ["app/shared/*"],
  "@state/*": ["app/state/*"]
}

然后在 Core 文件夹中，我重新导出所有服务index file (app/core/index.ts)

export * from './sse/sse.service';
export * from './rack/rack.service';

现在，当我在构造函数中注入服务时，提供的自动导入选项将使用错误的路径导入：

// Incorrect - auto imported path
import { RackService } from '@core/';

// Correct path after manual fix
import { RackService } from '@core/index';

这只是一个小问题，但同时也很烦人，我不确定这是否是我这边的一些不正确的配置，或者 VS Code 问题。任何想法？这可能是由 JEST 引起的，因为我使用它而不是 Jasmine，并且它需要在中定义别名package.json also.

  "jest": {
    "preset": "jest-preset-angular",
    "setupFilesAfterEnv": [
      "./src/setup-jest.ts"
    ],
    "moduleNameMapper": {
      "^@core/(.*)$": "<rootDir>/src/app/core/$1",
      "^@shared/(.*)$": "<rootDir>/src/app/shared/$1",
      "^@state/(.*)$": "<rootDir>/src/app/state/$1"
    }
  },

似乎问题是由第一个别名引起的：@core/*如果导出文件直接在第一层，则无法正确解决。我想出了两种解决方法：

1 - 将索引文件移动到名为的文件夹services其中仅包含index.ts。 现在，当自动导入（或 TS Hero：组织导入）时，自动导入如下所示：

import {someService} from '@core/services'

2 - 添加路径别名tsconfig.*.json仅用于直接指向重新导出的服务的文件index.ts

"paths": {
  "@core/*": ["app/core/*"],
  "@core/services": ["app/core/index.ts"],
  "@shared/*": ["app/shared/*"],
  "@state/*": ["app/state/*"]
}

第二个选项也需要更改package.json如果您使用 Jest 框架。

"moduleNameMapper": {
  "^@core/services$": "<rootDir>/src/app/core/index.ts",
  "^@core/(.*)$": "<rootDir>/src/app/core/$1",      
  "^@shared/(.*)$": "<rootDir>/src/app/shared/$1",
  "^@state/(.*)$": "<rootDir>/src/app/state/$1"
}

在这两种情况下，如果您有任何其他转口index.ts在核心文件夹的更深处，它仍然可以正确使用，例如@core/commons