Angular 2，導入自定義包

Question

我正在使用 angular 2+，我已將自定義包復制到我的 node_module 目錄中，例如 node_module/@customPackage/forms 所以在我的組件代碼中，我像這樣 import {blabla}from '@customPackage/forms' 導入它。 但是在編譯時我仍然有一個錯誤提示“[ts] 找不到模塊@customPackage/forms”。

我真的不知道為什么我有那個錯誤。 請幫忙。 謝謝

Answer 1

您可以在package.json文件中的dependencies數組中寫下包名稱，然后點擊npm install .so 安裝所有依賴項

Answer 2

嗨，不，您不需要復制粘貼您的包，將自定義包使用到 angular 應用程序的正確方法是像這樣鏈接它：

步驟：
1. 在您的自定義包文件夾中：

• yarn build

• yarn link ：

• 這將顯示如下內容（來自我的自定義包）。

  • 請參閱yarn link "my-package ”：

2. 現在，進入你的 angular 項目文件夾並輸入上面的句子，將你的自定義包鏈接到你的 angular 項目中：
   • yarn link "my-package" （我們需要包名周圍的雙引號）

3. 打開你的代碼編輯器，如果你使用vscode你應該看到包到node_modules文件夾中，右邊有一個小箭頭，如下所示：

4. 如果您成功完成上述操作，您現在可以使用您的模塊，例如import { mymodule } from 'my-package

希望這會有所幫助。