在Angular CLI中避免相对路径

每此评论，你可以通过添加应用程序源paths中tsconfig.json：

{
  "compilerOptions": {
    ...,  
    "baseUrl": ".",
    "paths": {
      ...,
      "@app/*": ["app/*"],
      "@components/*": ["components/*"]
    }
  }
}

然后你可以从绝对导入app/或components/代替相对于当前文件：

import {TextInputConfiguration} from "@components/configurations";

注意：baseUrl如果paths是，则必须指定。

也可以看看

• https://www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping

在Angular 8中，不需要*。*将导致将其Cannot find module 添加到tsconfig.json文件的错误

"baseUrl": "./",
"paths": {
      "@test": [ "src/app/test/" ],
      "@somthing": [ "src/app/something/" ],
      "@name": [ "src/app/name/" ]
    },

总的来说，答案是正确的，但是在尝试通过互联网进行搜索并试图理解到底是什么问题并尝试了不同的故障排除选项之后，我才知道baseUrl和Path如何一起工作

如果您使用baseUrl：“。像下面一样，它可以在VScode中工作，但在编译时不工作

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": ".",
    "paths": {
      "@myproject/*": ["src/app/*"]
    }    
}

根据我的理解和我的工作应用程序并检查了角度的aio代码，我建议将其用作baseUrl：“ src”，如下所示

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "paths": {
      "@myproject/*": ["app/*"],
      "testing/*": ["testing/*"]
    }    
}

通过将基本URL作为源（src目录），编译器可以正确解析模块。

我希望这有助于人们解决此类问题。