Erro ao linkar infocard

Boa tarde

Estou na aula de infocard e, mesmo estando tudo certinho com o código tanto no home quanto no manifest, aparece o seguinte no terminal:

error: App build failed with message: Unsupported field info-card declared by rich-text. Blocks should declare only parent, props, render, title, children, and blocks.

error: Unsupported field info-card declared by rich-text. Blocks should declare only parent, props, render, title, children, and blocks. VTEX.builder-hub@0.285.1

Alguém teve o mesmo erro?
Alguém sabe como solucionar?

5 Likes

Oi @MirianRizzi, no final de cada lição tem um link para o código completo: answersheet for this step.

Veja se isso te ajuda a identificar o que ficou fora do lugar.

3 Likes

@MirianRizzi , consegue mandar o trecho do seu código aqui, ou pelo menos o print pra analisarmos??

Claro!

{

“store.home”: {

"blocks": [

  "rich-text",

  "info-card#button-right",

  "info-card#button-left"

]

},

“rich-text”: {

"props": {

  "text": "**Olá!**",

  "textAlignment": "CENTER",

  "textPosition": "left",

  "font": "t-heading-1"

},

"info-card#button-right": {

  "props": {

    "isFullModeStyle": false,

    "textPosition": "right",

    "imageUrl": "https://appliancetheme.vteximg.com.br/arquivos/cozinha-rosa-min.png",

    "headline": "Vintage Pink",

    "subhead": "Give your kitchen a boho style adding vintage apparels.<br>Available until January 2020.",

    "callToActionMode": "button",

    "callToActionText": "Explore",

    "callToActionUrl": "/sale/d",

    "textAlignment": "center"

  },

  "info-card#button-left": {

    "props": {

    "isFullModeStyle": false,

    "textPosition": "left",

    "imageUrl": "https://appliancetheme.vteximg.com.br/arquivos/cozinha-cinza-min.png",

    "headline": "Shining chrome",

    "subhead": "Give your kitchen a cool style adding warm metallic finishes.<br>Available until January 2020.",

    "callToActionMode": "link",

    "callToActionText": "Go to collection",

    "textAlignment": "center"

    }

  }

}      

}}

4 Likes

@MirianRizzi logo abaixo do bloco do rich-text,você fecha as props mas não fecha o próprio rich-text. Está faltando um } antes do “info-card#button-right”. No caso o } que existe apenas fecha as props, teria que haver mais um } pra fechar o rich-text. Repare que o erro ocorre pq o VTEX acha que o info-card#button-right faz parte do rich-text.

“rich-text”: {
"props": {

  "text": "**Olá!**",

  "textAlignment": "CENTER",

  "textPosition": "left",

  "font": "t-heading-1"

},

tem que virar isso:

“rich-text”: {
    "props": {
    
      "text": "**Olá!**",
    
      "textAlignment": "CENTER",
    
      "textPosition": "left",
    
      "font": "t-heading-1"
    
     }
},

Aproveita pra ver se não ficou faltando mais nenhuma chave. Acho que a mesma coisa está acontecendo nos demais, tem que fechar as props e depois o componente.

5 Likes

Poxa! Muito obrigadaaaa! :smiley:

1 Like

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.