在Angular 6中遇到了错误的项目部署

Question

由于图像上传和预览功能，在部署过程中出现错误。

在源代码中使用红线标记“ 结果”字样。但是功能和图像功能可以成功地出现在模板中。

我的问题是代码正常运行，但无法部署。请给我一个更改源代码的建议，或者告诉我我的错误。

CLI错误

ERROR in src/app/register/register.component.ts(74,36): error TS2339: Property 'result' does not exist on type 'EventTarget'.

源代码中的错误/警告

Property 'result' does not exist on type 'EventTarget'

Component.ts

如果控制台为'eventURL'，则该数组具有'result'元素

 onFileChanged(event: any) {
   if(event.target.files && event.target.files.length) {
       this.filesToUpload = event.target.files[0];
       this.filesName = uuid();

       var reader = new FileReader();
       reader.readAsDataURL(event.target.files[0]); 
       reader.onload = (eventURL) => { 
       this.url = eventURL.target.result;
    ;
  }
 }
}

使用上述功能成功预览了图像

Answer 1

由于您知道该属性存在，因此可以使用event.target['result']作为解决方法。这绕过了打字稿类型检查。但是，我将确保将事件强制转换为正确的类型，以防止完全发生此错误。您可以尝试这样的事情：

let target = event.target as FileReader;
target.result;