Angular t角度项目中的配置和路径

Angular t角度项目中的配置和路径,angular,Angular,我创建了角度应用程序。我正在尝试配置tsconfig并为我的界面创建快捷路径。我编辑了tsconfig.app.json, 添加了baseUrl和路径: "extends": "./tsconfig.json", "compilerOptions": { "outDir": "./out-tsc/app", "types": [], "baseUrl": "./src", "paths": { "@models/*": ["./app/modules/models/*"] } …但我还是有

我创建了角度应用程序。我正在尝试配置tsconfig并为我的界面创建快捷路径。我编辑了tsconfig.app.json, 添加了baseUrl和路径:

"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
"types": [],
"baseUrl": "./src",
"paths": {
  "@models/*": ["./app/modules/models/*"]
}
…但我还是有错误:

ERROR in src/app/modules/atoms/small-table/small-table.component.ts:3:25 - error TS2307: Cannot find 
module '@models'.

3 import { IIncome } from '@models' 
文件结构:


有人知道为什么它不起作用吗?如何修复它?

typescript不支持索引导出。只需按如下方式导入:

import { IIncome } from '@models/index' 
为什么有
“extends”:“/tsconfig.json”

很可能它应该与
。/
一起使用,例如:
“extends”:“./tsconfig.json”
,除非有两个tsconfig文件相邻,这是不寻常的。当通过
ng new
生成应用程序时,您应该在根级别上有1个tsconfig,在src文件夹中有2个:
tsconfig.json
src/tsconfig.app.json
src/tsconfig.spec.json
祝您好运

根据您的代码片段,第一个问题可能是您的
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"
  ]
}


在路径中也添加此项:
“@models”:[“/app/modules/models”]
重复行?否,同时使用,一个带星号,一个不带星号,在VS代码中执行从命令重新启动TS服务器已使用,未工作:/抱歉,已修复