SAP Spartacus angular.json, 是 Angular CLI 自動生成的文件，里面針對 storefrontapp，生成的 tsConfig 屬性，指向一個 tsconfig.app.json 文件,該文件指定 ng build 如何對該 app 進行構建。

這里使用的構建工具 builder 是 @angular-builders/custom-webpack:browser.

types 屬性為何為空？

很多 JavaScript 庫，比如 jQuery、Jasmine 測試庫和 Angular，會通過新的特性和語法來擴展 JavaScript 環境。 而 TypeScript 編譯器并不能原生的識別它們。 當編譯器不能識別時，它就會拋出一個錯誤。

可以使用TypeScript 類型定義文件 —— .d.ts 文件 —— 來告訴編譯器你要加載的庫的類型定義。

比如上圖第13行代碼的 build.process.env.d.ts:

很多庫在自己的 npm 包中都包含了它們的類型定義文件，TypeScript 編譯器和編輯器都能找到它們。Angular 庫也是這樣的。 任何 Angular 應用程序的 node_modules/@angular/core/ 目錄下，都包含幾個 d.ts 文件，它們描述了 Angular 的各個部分。

TypeScript 帶有一個特殊的聲明文件，名為 lib.d.ts。該文件包含了 JavaScript 運行庫和 DOM 的各種常用 JavaScript 環境聲明。

在生產模式下的構建，使用另一個配置文件：tsconfig.app.prod.json:

在這個文件里，重新對 compilerOptions 的 paths 進行了定義。

因此，如果使用了其他的 custom library，需要將其在 dist 下的路徑，同樣聲明在 paths 節點下：

否則的話，命令行 ng serve --configuration production 就會報如下錯誤，找不到名為 test-lib 的 custom library：

添加之后，yarn build 工作正常：

構建成功：

關于 tsconfig.json 文件里的 include 和 exclude 屬性用法：

include 用于指定要包含在程序中的文件名或模式數組。 這些文件名是相對于包含 tsconfig.json 文件的目錄解析的。

例子：

{"include": ["src/**/*", "tests/**/*"] }

這個設置會將下列文件包含進來：

包含和排除支持通配符來實現 glob 模式：

• • 匹配零個或多個字符（不包括目錄分隔符）
• ? 匹配任何一個字符（不包括目錄分隔符）
• **/ 匹配嵌套到任何級別的任何目錄

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的如何解决 Angular custom library module 在 ng build 时无法被识别的错误的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。