tsconfig和角度项目中的路径

Question

我创建了Angular应用程序。我正在尝试配置tsconfig并为我的界面创建快捷方式路径。我编辑了tsconfig.app.json， 添加了baseUrl和路径：

finalHTML = finalHTML + readyEntry.HTML + "<mbp:pagebreak/>"

...但是我仍然遇到错误：

"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
"types": [],
"baseUrl": "./src",
"paths": {
  "@models/*": ["./app/modules/models/*"]
}

文件结构：

有人知道为什么它不起作用吗？如何解决？

Answer 1

索引导出不受打字稿的很好支持。只是这样导入即可：

import { IIncome } from '@models/index' 

Answer 2

您为什么有"extends": "./tsconfig.json"？

很可能应该与../一起使用，例如："extends": "../tsconfig.json"，除非彼此之间有2个tsconfig文件，这是不寻常的。通过ng new生成应用程序时，您在根级别上应具有1 tsconfig，在src文件夹中应具有2 tsconfig：tsconfig.json，src/tsconfig.app.json和src/tsconfig.spec.json

Answer 3

美好的一天！

根据您的代码片段，第一个问题可能是将tsconfig.json和tsconfig.app.json放在一个文件夹中。但是根据ng的初始文件夹结构-tsconfig.app.json-放置在src文件夹中，tsconfig.json-放置在根目录中。请注意并检查一下。

第二件事，如果使用桶文件，则需要添加其他路径映射。

在此示例中，其外观应为：

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "types": [],
    "paths": {
      "@models": [
        "app/modules/models/index"
      ],
      "@models/*": [
        "app/modules/models/*"
      ],
    }
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}