钱包：metamask登录

前言

链游结合区块链、 NFT 、gamefi、元宇宙等概念火的一塌糊涂，那链游首先要能登录吧，

我了解到都是通过钱包来登录的，而最火的钱包乃metamask，遂想通过metamask来登录游戏。

问题来了，好像metamask登录还是有点门槛的，要懂metamask、web3.js。是啊，还挺麻烦，咋整，万能的github吧，则找到了。

来吧，下载下来，跑一跑，则遇到各种问题。

1、下载后，进入frontend目录，看能否启动页面

报错：’react-scripts’ 不是内部或外部命令，也不是可运行的程序

解决：npm install react-scripts

报错：It looks like you’re trying to use TypeScript but do not have typescript installed

解决： yarn add typescript

报错：Cannot read config file : D:side-meuniverselogin-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"
   },
],

启动正常：

至此告一段落，初学新知识，会有很多盲区，也许很简单的事件，即使它浮在水平，而我们却看不见它，何解，无它唯手熟尔。

备注：多思考事物的定义，事物间关系，随着知识的丰富，问题必然解决。

要坚定信念，不急不躁！！！

智云一二三科技