Ng-lazyload-image: ScrollHooksのすべてのパラメーターを解決できません

作成日 2020年08月14日  ·  14コメント  ·  ソース: tjoskar/ng-lazyload-image

C:/.........../ node_modules / ng-lazyload-image / ng-lazyload-image.d.tsのScrollHooksのすべてのパラメーターを解決できませんでエラーエラーが発生します: (?)。 これは、ng build --prodを実行する場合にのみ発生しますが、ngbuildでは正常に機能します。 npm install ng-lazyload-image --save-prodを試しましたが、成功しませんでした。

good first issue

最も参考になるコメント

これはAngular8のバグであることが確認できます(Angular 10では再現できません)。

これはおそらく次の行が原因です: https

今のところ、これは機能しているようです。
`` `ts
import {BrowserModule} from '@ angle / platform-b​​rowser';
import {NgModule} from '@ angle / core';
import {LazyLoadImageModule、LAZYLOAD_IMAGE_HOOKS、ScrollHooks} from'ng-lazyload-image ';
import {AppComponent} from './ app.component';

//コンストラクター引数なしでカスタムクラスを作成します
エクスポートクラスMyScrollHooksはScrollHooksを拡張します{
コンストラクター(){
素晴らしい()
}
}

@NgModule({
宣言:[AppComponent]、
インポート:[BrowserModule、LazyLoadImageModule]、
プロバイダー:[{提供:LAZYLOAD_IMAGE_HOOKS、useClass:MyScrollHooks}]、
ブートストラップ:[AppComponent]、
})
エクスポートクラスAppModule {}
`` `

全てのコメント14件

ビルドコマンドで--prodを使用しているときにも、この種の問題に直面しています。

どのバージョンのAngularを使用していますか?
完全なエラーメッセージを表示できますか?

Angular 8.3
C:.......... / node_modules / ng-lazyload-image / ng-lazyload-image.d.ts :(?)のScrollHooksのすべてのパラメーターを解決できませんのエラー。

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 {}

はい、インポートはAppModuleクラスのインポートとまったく同じです。

@tjoskar私も同じように実装しました。 私も同じエラーが発生します

これをデバッグするには、Angular8.3プロジェクトを作成する必要があります。 コードを共有したり、エラーを再現できる小さなリポジトリを作成したりすることは可能ですか? または、package.jsonファイルを教えてください。

{{
"名前": "個人ウェブサイト"、
「バージョン」:「0.0.0」、
"スクリプト":{
"of": "of"、
「開始」:「サーブの」、
「ビルド」:「ビルドの」、
「テスト」:「テストの」、
「lint」:「lintの」、
「e2e」:「e2eの」
}、
「プライベート」:true、
「依存関係」:{
"@ angle / animations": "〜8.2.14"、
"@ angle / common": "〜8.2.14"、
"@ angle / compiler": "〜8.2.14"、
"@ angle / core": "〜8.2.14"、
"@ angle / forms": "〜8.2.14"、
"@ angle / platform-b​​rowser": "〜8.2.14"、
"@ angle / platform-b​​rowser-dynamic": "〜8.2.14"、
"@ angle / 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"
}、
"devDependencies":{
"@ angle-devkit / build-angular": "^ 0.803.24"、
"@ angle / cli": "〜8.3.23"、
"@ angle / compiler-cli": "〜8.2.14"、
"@ angle / language-service": "〜8.2.14"、
"@ types / jasmine": "〜3.3.8"、
"@ types / jasminewd2": "〜2.0.3"、
"@ types / node": "〜8.9.4"、
"codelyzer": "^ 5.0.0"、
"ジャスミンコア": "〜3.4.0"、
"jasmine-spec-reporter": "〜4.2.1"、
「カルマ」:「〜4.1.0」、
"karma-chrome-launcher": "〜2.2.0"、
"karma-coverage-istanbul-reporter": "〜2.0.1"、
"カルマ-ジャスミン": "〜2.0.1"、
"karma-jasmine-html-reporter": "^ 1.4.0"、
「分度器」:「〜5.4.0」、
"ts-node": "〜7.0.0"、
"tslint": "〜5.15.0"、
"typescript": "〜3.5.3"
}
}

私もこれと同じエラーに直面しています。 上記のコメントと同じパラメータ。

これはAngular8のバグであることが確認できます(Angular 10では再現できません)。

これはおそらく次の行が原因です: https

今のところ、これは機能しているようです。
`` `ts
import {BrowserModule} from '@ angle / platform-b​​rowser';
import {NgModule} from '@ angle / core';
import {LazyLoadImageModule、LAZYLOAD_IMAGE_HOOKS、ScrollHooks} from'ng-lazyload-image ';
import {AppComponent} from './ app.component';

//コンストラクター引数なしでカスタムクラスを作成します
エクスポートクラスMyScrollHooksはScrollHooksを拡張します{
コンストラクター(){
素晴らしい()
}
}

@NgModule({
宣言:[AppComponent]、
インポート:[BrowserModule、LazyLoadImageModule]、
プロバイダー:[{提供:LAZYLOAD_IMAGE_HOOKS、useClass:MyScrollHooks}]、
ブートストラップ:[AppComponent]、
})
エクスポートクラスAppModule {}
`` `

参照角度アプリはここで見つけることができます: https

ありがとう! それはそれを修正しました! Angularバージョンがどれだけ前にあるのかわかりませんでした。 だから私は最新バージョンにアップデートしました。

[email protected]は修正が含まれているため、余分な空のクラスを作成する必要はありません。

このページは役に立ちましたか?
0 / 5 - 0 評価