Question

我有一个使用AngularCLI创建的项目。

AngularCLI - 版本1.6.7
Angular - 版本5.1.1
TypeScript - 版本2.5.3
WebPack - 版本3.1.0

在通过documentation获取TSConfig模块解析后，我想创建自定义映射以避免长相对路径。

我也检查了这个问题，但它也没有帮助我：

How to avoid imports with very long relative paths in Angular 2?

（使用Visual Studio代码）

我的项目结构如下：

node_modules
src
 |__ app
      |__ utilities
              |__ services
                     |__ event.service.ts
tsconfig.json

我的tsconfig.json：

{
 "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": ".",
    "paths": {
        "@services/*": [
            "src/app/utilities/services/*"
        ]
    },
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node"
}

我尝试了很多不同的组合，但我无法让我的导入工作如下：

import { EventService } from '@services/event.service';

总是给我一个错误Cannot find module @services/event.service 但是如果我用相对路径导入它就可以很好地工作，那么有人能告诉我这些自定义映射我做错了什么吗？

编辑：我通过更改

设法让它发挥作用

"moduleResolution": "node"至"moduleResolution": "classic"

然而"@angular/core"或任何其他"@angular"模块停止工作。我已经遇到了这个github问题，我不确定目前是否有解决方法：https://github.com/Microsoft/TypeScript/issues/5039

AngularCLI

0 个答案: