Ng-lazyload-image: 无法解析 ScrollHooks 的所有参数

创建于 2020-08-14  ·  14评论  ·  资料来源: tjoskar/ng-lazyload-image

我在 Can't resolve all parameters for ScrollHooks in C:/.........../node_modules/ng-lazyload-image/ng-lazyload-image.d.ts 中收到错误 ERROR: (?)。 这仅在执行 ng build --prod 时发生,但适用于 ng build。 我试过 npm install ng-lazyload-image --save-prod 没有成功。

good first issue

最有用的评论

我可以确认这是 Angular 8 中的一个错误(我无法在 Angular 10 中重现它)。

可能是因为这一行: https :

看起来这现在有效:
```ts
从'@angular/platform-b​​rowser' 导入 { BrowserModule };
从'@angular/core' 导入 { NgModule };
导入 { LazyLoadImageModule, LAZYLOAD_IMAGE_HOOKS, ScrollHooks } from 'ng-lazyload-image';
从 './app.component' 导入 { AppComponent };

// 创建一个没有构造函数参数的自定义类
导出类 MyScrollHooks 扩展 ScrollHooks {
构造函数(){
极好的()
}
}

@NgModule({
声明:[AppComponent],
进口:[BrowserModule,LazyLoadImageModule],
提供者:[{ 提供:LAZYLOAD_IMAGE_HOOKS,useClass:MyScrollHooks }],
引导程序:[AppComponent],
})
导出类 AppModule {}
``

所有14条评论

我在构建命令中使用--prod时也面临这种问题。

您使用的是哪个版本的 Angular?
你能把完整的错误信息贴出来吗?

角 8.3
无法解析 C 中 ScrollHooks 的所有参数中的错误:........./node_modules/ng-lazyload-image/ng-lazyload-image.d.ts: (?)。

你在使用 ScrollHook 吗? 或者您的设置如何?

它看起来像:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { LazyLoadImageModule, LAZYLOAD_IMAGE_HOOKS, ScrollHooks } from 'ng-lazyload-image';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, LazyLoadImageModule],
  providers: [{ provide: LAZYLOAD_IMAGE_HOOKS, useClass: ScrollHooks }],
  bootstrap: [AppComponent],
})
export class MyAppModule {}

是的,导入与 App Module 类中的完全一样。

@tjoskar我也有同样的实现。 我也遇到同样的错误

我需要创建一个 Angular 8.3 项目来调试它。 您是否可以共享您的代码或创建一个可以重现错误的小型存储库? 或者给我你的 package.json 文件。

{
"name": "个人网站",
“版本”:“0.0.0”,
“脚本”:{
"of": "of",
“开始”:“发球”,
“构建”:“构建”,
"test": "测试的",
"lint": "lint",
"e2e": "e2e"
},
“私人”:真的,
“依赖关系”:{
"@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-b​​rowser": "~ 8.2.14",
"@angular/platform-b​​rowser-dynamic": "~ 8.2.14",
"@angular/router": "~ 8.2.14",
"引导程序": "^4.4.1",
"汉堡包": "^1.1.3",
"jquery": "^3.5.1",
"时刻": "^2.24.0",
"lazyload-image": "^9.0.0",
"rxjs": "~ 6.4.0",
"tslib": "^1.10.0",
“zone.js”:“~ 0.9.1”
},
“开发依赖”:{
"@angular-devkit/build-angular": "^0.803.24",
"@angular/cli": "~ 8.3.23",
"@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.0",
"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",
“量角器”:“~ 5.4.0”,
"ts-node": "~ 7.0.0",
"tslint": "~ 5.15.0",
“打字稿”:“~ 3.5.3”
}
}

我也面临同样的错误。 与上述注释相同的参数。

我可以确认这是 Angular 8 中的一个错误(我无法在 Angular 10 中重现它)。

可能是因为这一行: https :

看起来这现在有效:
```ts
从'@angular/platform-b​​rowser' 导入 { BrowserModule };
从'@angular/core' 导入 { NgModule };
导入 { LazyLoadImageModule, LAZYLOAD_IMAGE_HOOKS, ScrollHooks } from 'ng-lazyload-image';
从 './app.component' 导入 { AppComponent };

// 创建一个没有构造函数参数的自定义类
导出类 MyScrollHooks 扩展 ScrollHooks {
构造函数(){
极好的()
}
}

@NgModule({
声明:[AppComponent],
进口:[BrowserModule,LazyLoadImageModule],
提供者:[{ 提供:LAZYLOAD_IMAGE_HOOKS,useClass:MyScrollHooks }],
引导程序:[AppComponent],
})
导出类 AppModule {}
``

可在此处找到参考 angular 应用程序: https :

谢谢! 那就修好了! 我没有意识到我的角度版本有多远。 所以我已经更新到最新版本。

[email protected]包含修复程序,因此您无需创建额外的空类。

此页面是否有帮助?
0 / 5 - 0 等级