webpack not able to import images( using express and angular2 in typescript)

Question

I am not able to import images in my headercomponent.ts. I suspect it is because of something i am doing wrong while compiling ts(using webpack ts loader) because same thin

Answer 1

I also had same issue so I used following approach:

import * as myImage from 'path/of/my/image';

In my component I simply assigned the imported image to a data member;

export class TempComponent{
    public tempImage = myImage;
}

and used it in template as: