关于Angular4项目中的 @App/*导入{**}

Question

我在角度项目中遇到了一个奇怪的现象。

我的项目将自动从命令行（ng new myproject）生成

在项目中，目录：

• 应用
  • 共享
    • 常见
      • app-component-base.ts
    • 塞森
      • 应用程序服务

App-component-base.ts ：

import { AppSessionService } from '@shared/session/app-session.service';

和 tsconfig.app.json：

"paths": {
    "@abp/*": [ "../node_modules/abp-ng2-module/src/*" ],
    "@app/*": [ "./app/*" ],
    "@shared/*": [ "./app/shared/*" ],
    "@node_modules/*": [ "../node_modules/*" ]
}

vscode显示了一个错误（这不会影响正常操作，但不能导航到此类）：

[ts] Cannot find module '@shared/session/app-session.service'.

我有任何配置是错误的吗？谢谢！

我知道可能是这样，但是我想使用通用符号：

import { AppSessionService } from '../session/app-session.service';

@angular/cli: 1.4.2
node: 6.10.2
os: win32 x64
@angular/animations: 4.4.2
@angular/common: 4.4.2
@angular/compiler: 4.4.2
@angular/core: 4.4.2
@angular/forms: 4.4.2
@angular/http: 4.4.2
@angular/platform-browser: 4.4.2
@angular/platform-browser-dynamic: 4.4.2
@angular/router: 4.4.2
@angular/cli: 1.4.2
@angular/compiler-cli: 4.4.2
typescript: 2.5.2

Answer 1

我注意到的几件事。第一，您的"路径"设置应在tsconfig.json而不是tsconfig.app.json中进行。其次，我的道路看起来像这样：

"paths": {
  "@app/*": ["app/*"],
  "@env/*": ["environments/*"]
},