首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >导入自定义库时编译错误

导入自定义库时编译错误
EN

Stack Overflow用户
提问于 2020-02-14 09:03:41
回答 1查看 3.9K关注 0票数 1

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

我已经创建了这个库,这就是package.json项目的样子:

代码语言:javascript
运行
复制
"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

代码语言:javascript
运行
复制
{
  "name": "data-grid-lib",
  "version": "0.0.1",
  "peerDependencies": {
  }
}

这是模块:

代码语言:javascript
运行
复制
@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}]
    };
  }
}

代码是不相关的。如果我构建这个库并将它导入到一个项目中,就会出现以下错误:

目标入口点“数据-网格-库”中的

错误缺少依赖关系:-devextreme/data/定制存储-dev极值-角

解决这个错误的方法很简单,但对我来说却是毫无意义的:

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

我不明白的是:

库包含DevExtreme逻辑,而项目没有。那么,我是做错了什么,还是libraryproject 必须具有相同的依赖关系?

获得错误的测试项目的package.json

代码语言:javascript
运行
复制
"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"
  }
EN

Stack Overflow用户

发布于 2020-02-19 17:51:42

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

票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60223077

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档