angular - 在 tsconfig.json 上使用路径无法使用 Angular 解析

Question

为了在导入文件时避免相对路径，我尝试配置angular来理解路径。

到目前为止，它根本不起作用，我的代码:

//tsconfig.app.json
"compilerOptions":{
    //lot of things . If it matter moduleResultion is set to node
    "baseUrl": ".",
    "paths": {
        "@modules": ["app/modules/"]
        ...
    },
}



//in a component: 
import { X } from '@modules/Y/component/index'

运行 ng serve 时，控制台输出错误:: Cannot find module '@modules/Y/component/index'.

这绝对适用于相对路径，例如 import { X } from ../../../modules/Y/component/index

因此，我希望我的 tsconfig.app.json 或 tsconfig.json(或两者)是错误的，但是，我找不到任何关于如何为 Angular 应用程序正确执行此操作的好教程。

目前使用 angular 4 和基本的关联工具(typescript 2.3.3，angular-cli 1.0.6 并提供 webpack)

你能向我指出问题吗，或者给我一个很好的文档/tuto，请用 Angular 解决这个问题？到目前为止，我在 SO 或 github 问题上看到的所有答案都没有用。

注意:架构看起来像这样

project
   |
   -tsconfig.json //had try things on this one too but does nothing.
   -src/
     |
     -tsconfig.app.json
     -app/
       |
       -modules
       -othersFolder

Answer 1

您的代码应该适用于

"paths": {
  "@modules/*": ["app/modules/*"]
  ...
}

在此处阅读有关 typescript 中模块解析的更多信息

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