如何将web3导入延迟到网站加载之后？

Question

我的网站对我来说很好，因为我安装了Metamask，但是如果用户没有安装Metamask，则该网站无法加载，它停留在第2行：“ TypeError：无法读取未定义的属性'currentProvider'

import Web3 from "web3";

const web3 = new Web3(window.web3.currentProvider);

export default web3;

我的App.js有一行：

import web3 from "./web3.js";

如何延迟导入直到页面加载，以便未安装Metamask的人可以查看我的页面？

我尝试使用“ addEventListener”或“ if（typeof web3！=='undefined'）”在线解决方案，但是我无法使用其中任何一种。

谢谢