Vue 开发样板中的随机错误“以太坊未定义”

我正在尝试使用 vue-cli 创建的 Vue 基本样板在一个非常基本的 Vue3 组件中实现 web3，但我有一些奇怪的错误。

首先，这是我的组件的代码：

<template>
  <img alt="Vue logo" src="./assets/images/logo.png">
  <pre v-if="account">{{ account }}</pre>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      account: undefined
    }
  },
  async mounted() {
    if (typeof ethereum !== 'undefined') {
      const accounts = await ethereum.request({ method: 'eth_requestAccounts' })
      this.account = accounts[0]
    }
  }
}
</script>

我遇到的第一个问题是，当我启动环境时npm run serve当我更改组件中的某些代码时，我的测试窗口和终端中出现以下错误：

编译失败。

./src/App.vue 模块错误（来自 ./node_modules/eslint-loader/index.js):

/home/arnaud/Code/_BLOCKCHAIN/crypto-app/src/App.vue 16:30 错误 'ethereum' 未定义 no-undef

1 个问题（1 个错误，0 个警告）

第二个奇怪的行为是，在启动环境时，我的终端有时也会出现此错误，但有时不会。当我在启动时没有错误时，并且如果我不更改代码中的任何内容，我的应用程序似乎运行时不会出现错误。

首先安装元掩码扩展，然后检查以太坊实例，例如

const {ethereum} =window;