web3 - 메타마스크 API 연구(1)
1. 원본 코드
MetaMask/detect-provider의 README.md에서 이 코드를 따르고 있었습니다.
처음에는 간단한 기능을 먼저 테스트하기 위해 HTML/Javascript 모드(아직 nodejs 아님)에서 작업하고 있습니다. 그리고 repo README의 샘플 HTML 코드에서 오류가 발생했습니다.
2. 오류
await is only valid in async functions and the top level bodies of modules
3. 솔루션
Fix - Await is only valid in async function Error in NodeJS
블로그에서 설명했듯이 최상위 await를 설정하지 않고 사용하고 있어서 오류가 발생했습니다.
type= module
또는 스크립트 태그에서 package.json
를 변경해야 합니다.따라서 README.md의 HTML 코드는 다음과 같아야 합니다.
<script src="https://unpkg.com/@metamask/detect-provider/dist/detect-provider.min.js"></script>
<script type="module">
const provider = await detectEthereumProvider()
if (provider) {
// handle provider
} else {
// handle no provider
}
</script>
Reference
이 문제에 관하여(web3 - 메타마스크 API 연구(1)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/sosunnyproject/web3-metamask-api-study1-5841텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)