无法连接到元掩码

Question

我想连接到 metamask 并获取帐户余额：

<!DOCTYPE html>
<html>
    <head>
        <title>Test ethereum metamask</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="module">
            import { ethers } from "https://cdn.ethers.io/lib/ethers-5.2.esm.min.js";
            const provider = new ethers.providers.Web3Provider(window.ethereum);
            const balance = await provider.getBalance("0xE0552897c6495D7efb98F3823cd48bf19e703D0b");
        </script>
    </head>
    <body>
        test
    </body>
    <script type="text/javascript">
        console.log("========== balance =", balance);
    </script>
</html>

在运行时，我收到控制台错误： Uncaught ReferenceError: balance is not defined并且Access to script at 'https://cdn.ethers.io/lib/ethers-5.2.esm.min.js' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

那么问题是什么？

Answer 1

使用 cloudflare cdn 并放置console.log("========== balance =", balance); 进入第一个脚本。 模块脚本默认defer

<script type="module">
      import { ethers } from "https://cdnjs.cloudflare.com/ajax/libs/ethers/5.7.2/ethers.esm.js";
      const provider = new ethers.providers.Web3Provider(window.ethereum);
      const balance = await provider.getBalance(
        "0xE0552897c6495D7efb98F3823cd48bf19e703D0b"
      );
      console.log("========== balance =", balance);
</script>

来自这个github 帖子

许多项目正在使用 ethers CDN 的生产级别带宽来加载他们的 JavaScript，我再也无法承受这种规模的运营。

如果您链接到 cdn.ethers.io 或 cdn-cors.ethers.io，您应该切换到使用cdnjs上提供的相关链接。

欢迎反馈，对于给您带来的不便，我深表歉意。

谢谢！