Image is not getting rendered

[puzant]

Introduction

• I've installed the package & imported the css into the component

  import 'vue-inner-image-zoom/lib/vue-inner-image-zoom.css';
  import InnerImageZoom from 'vue-inner-image-zoom';

• & i'm using it this way <inner-image-zoom src="@/assets/p-sample4.png" />

but I'm getting broken image & the image is not showing

• is there something wrong with the above, any help would be appreciated thanks!

[laurenashpole]

@puzant Sorry for the delay responding.

This Stack Overflow question may be helpful for you. The answers seem to indicate that Webpack resolve alias only works for import or require so you would either need to use the non-aliased path as the src or require the image.