angular - 关于 angular4 项目中的 import {**} from @app/*

Question

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

我的项目是从命令行自动生成的(ng new myproject)

项目中目录:

• 应用程序
  • 已共享
    • 常见
      • 应用程序组件基.ts
    • 类(class)
      • 应用程序 session .service

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/*"]
},