时间戳

首页 > 解决方案 > 导入自定义库时出现编译错误

angular - 导入自定义库时出现编译错误

问题描述

我目前正在开发一个DevExtreme用于显示一些网格的库。

我已经创建了库，这就是项目的package.json样子：

"dependencies": {
    "@angular/animations": "^8.2.14",
    "@angular/common": "^8.2.14",
    "@angular/compiler": "^8.2.14",
    "@angular/core": "^8.2.14",
    "@angular/forms": "^8.2.14",
    "@angular/platform-browser": "^8.2.14",
    "@angular/platform-browser-dynamic": "^8.2.14",
    "@angular/router": "^8.2.14",
    "devextreme": "18.2.8",
    "devextreme-angular": "18.2.8",
    "rxjs": "^6.5.2",
    "tslib": "^1.10.0",
    "zone.js": "~0.9.1",
    "jquery": "3.4.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.803.19",
    "@angular-devkit/build-ng-packagr": "~0.803.19",
    "@angular/cli": "^8.3.25",
    "@angular/compiler-cli": "^8.2.14",
    "@angular/language-service": "^8.2.14",
    "@types/jasmine": "~3.3.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "^5.0.1",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "ng-packagr": "^5.4.0",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tsickle": "^0.37.0",
    "tslint": "~5.15.0",
    "typescript": "^3.5.3"
  }

这是图书馆的package.json

{
  "name": "data-grid-lib",
  "version": "0.0.1",
  "peerDependencies": {
  }
}

这是模块：

@NgModule({
  declarations: [DataGridLibComponent],
  imports: [
    BrowserModule,
    HttpClientModule,
    DxDataGridModule,
    DxTextBoxModule
  ],
  exports: [DataGridLibComponent]
})
export class DataGridLibModule {
  public static forRoot(config): ModuleWithProviders<DataGridLibModule> {
    return {
      ngModule: DataGridLibModule,
      providers: [DataGridLibService, {provide: DataGridServiceConfig, useValue: config}]
    };
  }
}

代码的东西是无关紧要的。如果我构建这个库并将它导入到一个项目中，它会给我这个错误：

目标入口点“data-grid-lib”中的错误缺少依赖项：-devextreme/data/custom_store-devextreme-angular

解决此错误的解决方案对我来说很简单但毫无意义：

将 devExtreme 依赖项也安装到项目中。

我没有得到的是：

该库包含 DevExtreme 逻辑，而项目没有。那么我做错了什么还是两者都library必须project 具有相同的依赖关系？

package.json我得到错误的测试项目：

"dependencies": {
    "@angular/animations": "^9.0.0",
    "@angular/common": "~9.0.0-rc.9",
    "@angular/compiler": "~9.0.0-rc.9",
    "@angular/core": "~9.0.0-rc.9",
    "@angular/forms": "~9.0.0-rc.9",
    "@angular/platform-browser": "~9.0.0-rc.9",
    "@angular/platform-browser-dynamic": "~9.0.0-rc.9",
    "@angular/router": "~9.0.0-rc.9",
    "ngx-toastr": "^12.0.0",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.900.0-rc.10",
    "@angular/cli": "~9.0.0-rc.10",
    "@angular/compiler-cli": "~9.0.0-rc.9",
    "@angular/language-service": "~9.0.0-rc.9",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^12.11.1",
    "codelyzer": "^5.1.2",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "protractor": "~5.4.2",
    "toastr": "^2.1.4",
    "ts-node": "~8.3.0",
    "tslint": "~5.18.0",
    "typescript": "~3.7.4"
  }

标签： angulardevextreme

解决方案

我想你已经安装了devextreme-angular，但你没有安装它的依赖项。尝试使用npm install devextreme@19.2. 这里我使用的是当前版本。我认为这应该可以解决您的问题。

推荐阅读