錢包:metamask登入

前言

鏈遊結合區塊鏈、NFT、gamefi、元宇宙等概念火的一塌糊塗,那鏈遊首先要能登入吧,

我瞭解到都是透過錢包來登入的,而最火的錢包乃metamask,遂想透過metamask來登入遊戲。

問題來了,好像metamask登入還是有點門檻的,要懂metamask、web3。js。是啊,還挺麻煩,咋整,萬能的github吧,則找到了https://github。com/amaurym/login-with-metamask-demo。

來吧,下載下來,跑一跑,則遇到各種問題。

1、下載後,進入frontend目錄,看能否啟動頁面

npm start

報錯:‘react-scripts’ 不是內部或外部命令,也不是可執行的程式

解決:npm install react-scripts

npm start

報錯:It looks like you‘re trying to use TypeScript but do not have typescript installed

解決:yarn add typescript

npm start

報錯:Cannot read config file: D:\side-me\universe\login-with-metamask-demo\。eslintrc。js

解決:把父級目錄的。eslintrc。js和。eslintignore複製到frontend目標。

報錯:Error: Cannot find module ’@amaurym/eslintrc‘

解決:yarn add @amaurym/eslintrc

報錯:Failed to load config “prettier/@typescript-eslint” to extend from。

解決:安裝外掛 npm i ——save-dev prettier eslint-config-prettier eslint-plugin-prettier

報錯:Error: “prettier/@typescript-eslint” has been merged into “prettier” in eslint-config-prettier 8。0。0。

解決:由於yarn。lock的eslint與package。json版本不同,刪除package。json中的配置。

“eslint-config-prettier”: “^8。3。0”,“eslint-plugin-prettier”: “^4。0。0”,“prettier”: “^2。5。0”,

報錯:Delete `␍` prettier/prettier

解決:在。eslintrc。js的rulues增加規則,如下:

“prettier/prettier”: [ “error”, { “endOfLine”: “auto” },],

啟動正常:

錢包:metamask登入

至此告一段落,初學新知識,會有很多盲區,也許很簡單的事件,即使它浮在水平,而我們卻看不見它,何解,無它唯手熟爾。

備註:多思考事物的定義,事物間關係,隨著知識的豐富,問題必然解決。

要堅定信念,不急不躁!!!