安装Angular库依赖

时间:2020-07-06 08:22:14

标签: angular angular-library

我正在使用 Angular 8 。根据业务需求,有一个独立的应用程序与主应用程序分开,但将在主应用程序中使用。

为此,我使用命令创建了library

ng generate library my-library

my-library / package.json 具有以下依赖性

{
  "name": "my-library",
  "version": "0.0.1",
  "peerDependencies": {
    "@angular/common": "^8.2.14",
    "@angular/core": "^8.2.14",
    "ngx-device-detector": "^1.4.5",
    "@fortawesome/fontawesome-svg-core": "^1.2.26",
    "@fortawesome/free-brands-svg-icons": "^5.12.0",
    "@fortawesome/free-regular-svg-icons": "^5.12.0",
    "@fortawesome/free-solid-svg-icons": "^5.12.0",
    "ngx-spinner": "^9.0.2"
  }
}

该库位于应用程序内部的project目录中,因此目录结构为

|- app
   |- package
      |- my-library
         |- src/
         |- package.json     # Library dependencies
   |- src                    # Main application
      |- app
      |- environments
   |- angular.json
   |- package.json           # Application dependencies

我从/app目录安装了依赖项

npm install

然后使用构建库

ng build my-library

但这会导致错误

...
Cannot find module 'ngx-device-detector'
...

如何安装库依赖项?

2 个答案:

答案 0 :(得分:0)

您可能没有导航到库文件夹。转到终端并输入以下命令:"@odata.type": "#microsoft.graph.iosCompliancePolicy", "roleScopeTagIds": [ "0" ], "version": 1, "passcodeBlockSimple": false, "passcodeMinutesOfInactivityBeforeScreenTimeout": 1, "managedEmailProfileRequired": false, "restrictedApps": [ "2" ], ,此命令将您导航到库目录。可能会有所不同,具体取决于您的起点是什么。导航到库文件夹后,运行cd app/package/my-library命令。

答案 1 :(得分:0)

您需要将库的 path 写入主项目 package.json

“ @ my-library”:“文件:./ package / my-library”