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"