將aspnetboilerplate.com添加到現有的角度項目中

Question

我使用優秀的aspnetboilerplate.com創建了一個項目，但我試圖將它與我現有的Angular項目一起使用。

我正在嘗試設置身份驗證功能（用戶登錄等）。

我已將以下軟件包添加到我的package.json“abp-ng2-module”“abp-web-resources”中。

我還將相關的打字稿文件添加到我的角度應用程序中。

當我從aspnetboilerplate.com查看自動生成的項目時，他們正在導入這樣的模塊：

import { PermissionCheckerService } from '@abp/auth/permission-checker.service';

但是，這對我不起作用，VSCode報告它找不到模塊，我可以像這樣導入它：

import { PermissionCheckerService } from "abp-ng2-module/dist/src/auth/permission-checker.service";

當我嘗試構建並運行我的應用程序時，我得到以下錯誤

TS2304: Cannot find name 'abp'.

奇怪的是這個錯誤顯示5或6次，不僅涉及我的本地打字稿文件，還涉及我的包內的打字稿文件。

ERROR in [at-loader] ./node_modules/abp-ng2-module/dist/src/features/feature-checker.service.d.ts:2:31 
TS2503: Cannot find namespace 'abp'.

它似乎是名稱空間的東西，但我不知道為什么安裝的包甚至不起作用？

Answer 1

我必須創建一個自定義的輸入文件，即typings.d.ts並添加以下行。

///<reference path="../node_modules/abp-webresources/Abp/Framework/scripts/abp.d.ts"/>
///<reference path="../node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.jquery.d.ts"/>
///<reference path="../node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.signalr.d.ts"/>

我還在tsconfig.json文件中添加了以下內容

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