Tentando criar um component react no vtex-io, mas não encontra o componente durante a compilação

Estou tentando criar um component e integrar a um projeto, mas durante a compilação não é encontrado, alguem sabe como resolver isso?

component:

import React from "react"

const WishlistButton = () => {
    return (
        <div>Hello World</div>
    )
}

export default WishlistButton;

interfaces.json:

{
    "wishlist-button": {
        "component": "WishlistButton"
    }
}

home.jsonc:

{
  "store.home": { 
    "blocks": [
      "rich-text",
      "wishlist-button"   <<<<
    ]
  },
  "rich-text": { 
    "props": { 
      "text": "VTEX Store Framework",
      "textAlignment": "CENTER",
      "textPosition": "CENTER",
      "font": "t-heading-1"
    }
  }
}

o erro :

"root":{

3 items

"name":

string"Error"

"message":

string"Entry point "testexample.minimumtheme@0.1.1/WishlistButton" not found. Make sure it's the correct name and that it's in the root of the `react` directory."

"stack":

string"Error: Entry point "testexample.minimumtheme@0.1.1/WishlistButton" not found. Make sure it's the correct name and that it's in the root of the `react` directory. at getComponentAssets (/usr/src/node/utils/assetLoader.ts:124:11) at /usr/src/node/utils/assetLoader.ts:247:31 at Array.reduce (<anonymous>) at AssetLoader.getAssetsFromRenderables (/usr/src/node/utils/assetLoader.ts:242:48) at new AssetLoader (/usr/src/node/utils/assetLoader.ts:180:57) at render (/usr/src/node/middlewares/render/index.ts:126:23) at /usr/local/app/node_modules/@vtex/api/lib/utils/time.js:79:19 at /usr/local/app/node_modules/@vtex/api/lib/utils/cancel.js:9:15 at dispatch (/usr/local/app/node_modules/@vtex/api/node_modules/koa-compose/index.js:42:32) at prefetch (/usr/src/node/middlewares/prefetch.ts:17:9) at /usr/local/app/node_modules/@vtex/api/lib/utils/time.js:79:19 at /usr/local/app/node_modules/@vtex/api/lib/utils/cancel.js:9:15 at dispatch (/usr/local/app/node_modules/@vtex/api/node_modules/koa-compose/index.js:42:32) at renderAmp (/usr/src/node/middlewares/renderAmp.ts:11:11) at /usr/local/app/node_modules/@vtex/api/lib/utils/time.js:79:19 at /usr/local/app/node_modules/@vtex/api/lib/utils/cancel.js:9:15"

Olá!

O arquivo WishlistButton.jsx está no diretório react?

1 Like

Minha pergunta é a parecida com a do @Saito: em que pasta está o componente?

Se puder compartilhar o resultado do comando tree ajudaria bastante.