Administrando la conexión a Metamask

Curso de Desarrollo Frontend de Aplicaciones Descentralizadas con Web3.Js

Contenido del curso

Introducción al desarrollo con Web3.js

1
Desarrollo Frontend de Apps Descentralizadas con Web3 y React JS
03:20 min
2
Desarrollo Frontend para Aplicaciones Descentralizadas con Web3JS y MetaMask
04:30 min

Qué es Web3.js

Desarrollo frontend con Web3.js

Despliegue de la aplicación

Sigue desarrollando

23
Recapitulación de lo aprendido con el proyecto PlatziPunks
03:42 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0012:37

Administrando la conexión a Metamask

Curso de Desarrollo Frontend de Aplicaciones Descentralizadas con Web3.Js

Clase 7 de 23

Clase 7 / 23

Juan Sebastián Fernández Sáez

Hace 5 años

Tengo un problema con la librería web3, al cargar el proyecto en el servidor me arroja estos errores:

Compiled with problems:

ERROR in ./node_modules/cipher-base/index.js 3:16-43

Module not found: Error: Can't resolve 'stream' in 'D:\AAACURSOS\proyecto_platzipunks\platzi-punks-interface\node_modules\cipher-base'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }' - install 'stream-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "stream": false }

ERROR in ./node_modules/eth-lib/lib/bytes.js 9:193-227

Module not found: Error: Can't resolve 'crypto' in 'D:\AAACURSOS\proyecto_platzipunks\platzi-punks-interface\node_modules\eth-lib\lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }' - install 'crypto-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "crypto": false } y los errores siguen....

A pesar de que solamente tenga instalada esta librería, igual me aparecen cada vez que la importo con:

import Web3 from 'web3'; en App.js

también probé descargar los archivos de la clase, pero igual me siguen apareciendo estos errores. Se agradece cualquier ayuda.

Jesus M Cocaño Diaz

Hace 5 años

El dia de hoy llegue a esta clase, estoy exactamente igual :( ¿haz podido encontrar el error?

Jesus M Cocaño Diaz

Hace 5 años

Parece ser un error de las versiones nuevas de react y react-scripts, yo para efectos de seguir el curso, solucione copiando el package.json del profesor y despues ejecute un yarn install para que me quedaran las versiones que esta usando el profesor. Despues leere mas del tema.

Comentarios (21)21 comentarios

Santiago Grangetto

Jesus Marquez Martini

Hace 4 años

Efrain Abraham Orellana Mendoza

Oscar Guadalupe Pérez Ayuso

Alejandro Sánchez Yalí

Emilio Oberto

Anibal Español

Jimmy Buriticá Londoño

Rodrigo Ramos Xochiteotzin

Art Michel

Franklin Gil

W Society

Beatriz Martin

Benjamin Gutierrez

Gabriel Hernández Valdez

Alejandro Ibarra Rodriguez

Eulalio Cruz

Luca Cristian Manea

Miguel Maidana

Willy Gonzalez

Hace 3 años

Tini Cassi

Marcelo Haro

Sergio Bryan Madrid Nuñez

Introducción al desarrollo con Web3.js

Desarrollo Frontend de Apps Descentralizadas con Web3 y React JS

Desarrollo Frontend para Aplicaciones Descentralizadas con Web3JS y MetaMask

Qué es Web3.js

Comunicación Frontend-Backend en Aplicaciones Blockchain

Uso de Web3 para Interactuar con la Blockchain Ethereum

Construcción de Aplicaciones Web3 con React y MetaMask

Actualización sobre testnet en Ethereum

Desarrollo frontend con Web3.js

Administrando la conexión a Metamask

Configurando Web3-React

¿Qué es un ABI?

Instanciando el contrato de PlatziPunks

Previsualizando tu PlatziPunk

Habilitando el mint de PlatziPunks

Creando la galería de PlatziPunks

Detalle de PlatziPunk

Transfiriendo un PlatziPunk a otra cuenta

Filtrando los PlatziPunks por cuenta

Despliegue de la aplicación

InterPlanetary File System

Usando IPFS e Infura para subir contenido no censurable

Despliegue de PlatziPunks en IPFS

Despliegue de Aplicaciones en Fleek usando IPFS y ENS

Ethereum Name Service

Registrando nuestro ENS y vinculando a PlatziPunks

Sigue desarrollando

Recapitulación de lo aprendido con el proyecto PlatziPunks

Administrando la conexión a Metamask

Progreso del curso

Introducción al desarrollo con Web3.js

Qué es Web3.js

Desarrollo frontend con Web3.js

Despliegue de la aplicación

Sigue desarrollando

Recursos

Recursos