Instanciando el contrato de PlatziPunks

Clase 10 de 23 • Curso de Desarrollo Frontend de Aplicaciones Descentralizadas con Web3.Js

Joaquin Villamediana

student•

Una buena practica es dejar las referencias de las direcciones de los contratos en un .env para que sean facilmente modificables.

Bárbaro Javier Valmaseda Vázquez

student•

Eso fue lo primero que se me ocurrió, yo amo .env

Axel Nicolas Montenegro

student•

hola yo tenog el siguiente error al comprobar el codigo Unhandled Rejection (TypeError): platziPunks.methods.maxSupply is not a function (anonymous function) C:/Users/monte/Desktop/platzi-punks/platzi-punks-interface/src/views/home/index.js:13 10 | 11 | const getMaxSupply = useCallback(async () => { 12 | if (platziPunks) {

13 | const result = await platziPunks.methods.maxSupply().call(); | ^ 14 | setMaxSupply(result); 15 | } 16 | }, [platziPunks]);

compare con el archivos de los recuros y esta todo igual

Johan Muñoz

student•

Fijate en el hook de usePlatziPunks, que no tengas la variable memo como asyncrona. Ya que si esta asyncrona te va a retornar una promesa en vez de el contrato como tal, y tendrias que hacerle un await a platzipunks para recibirlo

const platziPunks = useMemo(() => {
    if (active) return new library.eth.Contract(abi, address[chainId]);
  }, [active, chainId, library?.eth?.Contract]);

Oscar Daniel Elias Sanchez

student•

Hola, seguramente el método en tu contrato se llama diferente de maxSupply, revisa el contrato en etherscan.io para ver los métodos disponibles, solo vas a la parte de Contract y seleccionas ReadContract para ver los métodos de lectura del contracto. Por ejemplo el mío no se llama maxSupply, sino MaxSupply...

Anibal Español

student•

Al cambiar de red efectivamente se cambia el estado en la aplicación, pero metamask sigue mostrando que está conectado a la aplicación, ¿Qué puede estar pasando aquí? Aquí está un screenshot, pero en el video también se puede apreciar en el minuto 12:40.

Kevin Daniel Mora Gonzalez

student•

Hola comunidad una pregunta por ejemplo para poder yo crear un ntf no tiene ningún costo y cuando yo lo subaste tampoco el costo seria cuando yo lo quisiera comprar ? en este curso se abarca este tema como conectar una wallet y poder comprar otro ntf ?

Sergio Morgan

student•

Hola Tengo este error en la consola, he copiado tal cual los archivos segun los recursos adjuntos, pero no logro dar con el problema. Algun consejo?

Uncaught TypeError: library.eth.Contract is not a constructor

yerson lasso

student•

me molesta tener que pasar todo el tiempo el abi si se modifica algo en el contrato, que forma recomiendan para no dejar el abi en el mismo repo o por lo menos que sea mas dinamico?

Alejandro Chavez

student•

¡Y listo!

Ameth Ordoñez Erazo

student•

No me muestra el archivo Home, solo el diseño de la pagina. Y me sale este error en la consola:

Matched leaf route at location "/" does not have an element. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.

Nicolás Posa

student•

Cambia

<Route path="/" exact component={Home} />

Por:

<Route path="/" element={<Home />}></Route>

Lu Ko

student•

"Ahora que ya sabés cual es el propósito del ABI y cómo se conforma, lo siguiente que tenemos que hacer es implementarlo dentro de nuestra aplicación para tener una instancia del contrato inteligente disponible para su uso posterior. Esto nos va a a ayudar en abstraer los métodos de nuestro contrato ya que los podremos consumir desde cualquiera de las vistas que vamos a estar desarrollando"

Marcel Solera

student•

Buenas tardes chicos, no me muestra el suministro máximo, se queda en el if (!active) return "Conecta tu wallet" del componente Home; y tengo el siguiente error: Uncaught (in promise) Error: This contract object doesn't have address set yet, please set an address first.