구부정한 머스타드의 블로그

web3.js 기본 설정 react-web3-provider metamask-react $ npm i metamask-react 이거하나 설치하면 젤 쉽고 간단하고 잘 돌아감 이유: 자바스크립트랑, 리액트랑 라이프 사이클이 다르기 때문에, 리액트에서 web3 provider를 생성하는건 쉽지 않다. 따라서 라이브러리를 쓰는것. 초기 삽질. (안봐도됨) web3사용 위해, 리액트앱 루트에 web3 react provider로 감싸줌, 루트 컴포넌트에 getlibrary를 props로 전달하는데 web3-react가 사용할 web3 provider를 제공하는 역할을 함. GitHub - Uniswap/web3-react at v6 $ npm i @ethersproject/providers $ npm i we..

vite.config.ts import { defineConfig, loadEnv } from "vite"; //만일 vue라면 vue를 import하면 된다. import react from "@vitejs/plugin-react"; import path from "path"; export default defineConfig(() => { return { plugins: [react()], resolve: { alias: { //추가해주기 process: "process/browser", stream: "stream-browserify", zlib: "browserify-zlib", util: "util", }, }, }; }); // html(index.html) vite use web3.js th..

커밋을 눌러보니 불러오는 라이브러리가 변경되었다. // import { AbstractConnectorInterface } from '@web3-react/types' import { AbstractConnector } from '@web3-react/abstract-connector' // const connectorsByName: { [name: string]: AbstractConnectorInterface } = { const connectorsByName: { [name: string]: AbstractConnector } = { kibosh AbstractConnectorInterface · Uniswap/web3-react@7e1851e bump torus version emit provid..