I created a custom template to be used in my content items and one of it's field is an Image field.

Also, created a content item under "data/content" using that template and supplying the correct Image>src under "data/media".

But when I deploy it shows this error:

Import media file /data/media/XXXX/XXXX/XXX.PNG does not exist in the import data.

If I am going to place the Image field under Component template no issues to be found the same as the issue that is present in the custom template.

My Custom Template:

import { CommonFieldTypes, Manifest } from '@sitecore-jss/sitecore-jss-manifest';

export default function(manifest: Manifest) {
    name: 'SocialMediaContent',
    id: 'social-media-item-template',
    icon: 'Apps/32x32/social.png',
    displayName: 'Social Media Content',
    fields: [
            name: 'SocialMediaIcon', 
            displayName: 'Social Media Icon', 
            type: CommonFieldTypes.Image, 
            section: "Icon"
    inherits: ['base-link-content']

My Yaml file:

id: social-media-item-instagram
displayName: Instagram
template: social-media-item-template
        src: /data/media/pplmedia/social/insta.PNG
        alt: instagram
    LinkTitle: Instagram
        href: /
        title: instagram
  • Welcome to SSE.. There might be some issues with the way you added image field and yaml setup.. Add these details in the question to get immediate response. May 22, 2020 at 14:32
  • Sure I will add the additional info. Thanks
    – JFManuel
    May 24, 2020 at 0:45


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Browse other questions tagged or ask your own question.