Возникла проблема с отображением pdf документа на angular.
Делал по этим туториалам: medium.com npmjs
Ошибка:
ERROR Error: Uncaught (in promise): DataCloneError: Failed to execute
'postMessage' on 'Worker': TypeError: Failed to fetch could not be cloned.
Error: Failed to execute 'postMessage' on 'Worker': TypeError: Failed to fetch
could not be cloned.
Нашел несколько ответов на github, единственным, кажется решением было использование angular + electron. Можно ли обойтись без этой связки? И почему возникает данная ошибка?
pdf-viewer.component.html
<pdf-viewer [src]="pdfSrc" [render-text]="true" style="display: block"></pdf-viewer>
pdf-viewer.component.ts
export class PdfViewerComp implements OnInit {
pdfSrc: string = 'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf';
constructor() { }
ngOnInit() { }
}
Снимок ошибки:
AppModule:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';
import { routing } from './app.routing';
import { AppComponent } from './app.component';
import { FormUploadComponent } from './form-upload/form-upload.component';
import { DocumentService} from './service/document.service';
import { FormClassService} from './service/fromclass.service';
import { TypeDocService} from './service/typedoc.service';
import { HttpClientModule} from '@angular/common/http';
import { ListDocumentComponent } from './list-document/list-document.component';
import { FormEditComponent } from './form-edit/form-edit.component';
import { PdfViewerModule } from 'ng2-pdf-viewer';
import { PdfViewerComp } from './pdf-viewer/pdf-viewer.component';
@NgModule({
declarations: [
AppComponent,
FormUploadComponent,
ListDocumentComponent,
FormEditComponent,
PdfViewerComp
],
imports: [
routing,
BrowserModule,
AppRoutingModule,
HttpClientModule,
FormsModule,
ReactiveFormsModule,
PdfViewerModule,
],
providers: [DocumentService, FormClassService, TypeDocService],
bootstrap: [AppComponent]
})
export class AppModule { }
AppRouting:
import { RouterModule, Routes } from '@angular/router';
import { FormEditComponent } from './form-edit/form-edit.component';
import { FormUploadComponent } from './form-upload/form-upload.component';
import { ListDocumentComponent } from './list-document/list-document.component';
import { PdfViewerComp } from './pdf-viewer/pdf-viewer.component';
const routes: Routes = [
// { path: 'list-document', component: ListDocumentComponent },
{ path: '', component: ListDocumentComponent},
{ path: 'edit-document', component: FormEditComponent },
{ path: 'upload-document', component: FormUploadComponent },
{ path: 'pdf-view', component: PdfViewerComp }
];
export const routing = RouterModule.forRoot(routes);
https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf
вот рабочая ссылка