文件/Blob - eslint(no-undef)

Question

在NextJS/TypeScript項目中創建Apollo Client時，需要判斷當前操作是否為Upload，但ESLint報錯File和Blob未定義。

我可以禁用警告： // eslint-disable-next-line no-undef但我想了解為什么會出現這樣的警告，如果可能的話，我想在不忽略的情況下修復它。

const isFile = (value: any): boolean => {
  if (isPlainObject(value) || Array.isArray(value)) {
    return Object.values(value).map(isFile).includes(true)
  }
  const isfile = typeof File !== 'undefined' && value instanceof File
  const isblob = typeof Blob !== 'undefined' && value instanceof Blob
  return isfile || isblob
}
const isUpload = ({ variables }: any) => {
  return Object.values(variables).some(isFile)
}

Answer 1

您可以將browser: true添加到env屬性中的 ESLint 配置文件中：

// .eslintrc
{
  "env": {
    "browser": true
  }
}