typescript - No se puede cargar una imagen en Angular 6 usando cornerstonejs

Soy relativamente nuevo en Angular 6. Estoy tratando de incluir cornerstonejs en mi aplicación Angular 6. Pero estoy encontrando este error:

error TS7016: No se pudo encontrar un archivo de declaración para el módulo 'cornerstone-core/dist/cornerstone.js'

He instalado cornerstone-core usando npm install cornerstone-core.

¿Alguien puede señalar por qué este código no funciona?

componente.ts

import { Component, ElementRef, ViewChild, OnInit, AfterViewInit } from '@angular/core';
import * as cornerstone from 'cornerstone-core/dist/cornerstone.js';

@Component({
  selector: 'image-stack-viewer',
  templateUrl: './image-stack-viewer.component.html',
  styleUrls: ['./image-stack-viewer.component.css']
})
export class ImageStackViewerComponent implements OnInit, AfterViewInit {
  @ViewChild('testpod') canvasDiv: ElementRef;

  constructor() { }

  ngOnInit() {
  }

  ngAfterViewInit() {
    const imageId = ''//my-mage-url;

    var element = this.canvasDiv;
    cornerstone.enable(this.canvasDiv);
    cornerstone.loadImage(imageId).then(function (image:any) {
      cornerstone.displayImage(element, image);  
    });
  }
}

Html

<div #testpod width="500" height="400"></div>

Respuesta #1

Tienes que declarar cornerstone así:

declare const cornerstone;

Echa un vistazo a este repositorio para encontrar ejemplos: https://github.com/avatsaev/angular-cornerstone-example