Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获得';财产';解码';不存在于类型';HTMLImageElement'';生成时出错_Javascript_Angular_Typescript_Image - Fatal编程技术网

Javascript 获得';财产';解码';不存在于类型';HTMLImageElement'';生成时出错

Javascript 获得';财产';解码';不存在于类型';HTMLImageElement'';生成时出错,javascript,angular,typescript,image,Javascript,Angular,Typescript,Image,我正在使用这段代码来预加载浏览器必须获取的任何新图像,以便它立即以一个片段而不是一部分一部分地呈现出来 preloadCardImages(produceCards:Array<ProduceCardDTO[]>){ let imageDecodeObservables= new Array(); produceCards.forEach(produceCardList =>{ produceCardList.forEach(pr

我正在使用这段代码来预加载浏览器必须获取的任何新图像,以便它立即以一个片段而不是一部分一部分地呈现出来

  preloadCardImages(produceCards:Array<ProduceCardDTO[]>){
      let imageDecodeObservables= new Array();
      produceCards.forEach(produceCardList =>{
          produceCardList.forEach(produceCard =>{
              let image= new Image();
              image.src = produceCard.previewImageUrl;
              imageDecodeObservables.push(from(image.decode()).pipe(catchError(error => of('failed to load image')))); //from maakt van de promise een observable, catchError voorkomt dat bij het niet kunnen laden van 1 plaatje gelijk de hee forkJoin afgebroken wordt.
            }
          );
      });
      forkJoin(imageDecodeObservables).subscribe(response => this.loading = false)
  }
编辑:这里有证据证明
decode
doe方法存在于
Image()


hii查看此链接可能会有所帮助,这里有一个示例显示了如何使用decode()方法,我已经知道此页面@kushalshah@Maurice您的实现看起来是正确的,您的代码库中是否有其他
decode
用法。由于错误为
属性
。您可能在其他地方将
.decode
用作属性而不是方法
.decode()
@C\u ogo这些是src/app/components/calendars/product card display/product card display.component.ts(101,54):错误TS2339:property“decode”在类型“HTMLImageElement”上不存在。src/app/components/calendars/result list/result list.component.ts(136,52):错误TS2339:类型“HTMLImageElement”上不存在属性“decode”。此外,我昨天没有此错误。在此期间,我没有对代码做任何更改,因此这非常烦人。它可能与VSCode有关吗?我应该重新安装吗?它还说“编译失败”,但网站可以通过本地主机访问。。。
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.6.8",
    "@angular/cli": "^6.2.8",
    "@angular/compiler-cli": "^6.1.10",
    "@angular/language-service": "^6.1.10",
    "@types/jasmine": "^2.8.12",
    "@types/jasminewd2": "^2.0.6",
    "@types/node": "~10.1.2",
    "codelyzer": "~4.3.0",
    "jasmine-core": "~3.1.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^2.0.5",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.0.4",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "~5.3.0",
    "ts-node": "~6.0.3",
    "tslint": "~5.10.0",
    "typescript": "^2.9.2"
  }