Context API默认状态含空函数触发TypeScript ESLint报错求助

针对你在AuthProvider默认状态中使用空函数占位但触发ESLint警告的问题，提供以下几种解决方案：

方案1：给空函数添加TODO注释（推荐临时占位场景） #

在空函数体内添加TODO注释，@typescript-eslint/no-empty-function规则会识别这不是无意义的空函数，从而跳过警告：

const defaultState: AuthState = {
  Signup: () => { /* TODO: 后续实现注册逻辑 */ },
  Signin: () => { /* TODO: 后续实现登录逻辑 */ },
  SignOut: () => { /* TODO: 后续实现登出逻辑 */ },
  UpdateEmail: () => { /* TODO: 后续实现更新邮箱逻辑 */ },
  SendRestPasswordEmail: () => { /* TODO: 后续实现发送重置密码邮件逻辑 */ },
  RestPassword: () => { /* TODO: 后续实现重置密码逻辑 */ },
  UpdatePremiumUntil: () => { /* TODO: 后续实现更新会员有效期逻辑 */ },
  DeletAccount: () => { /* TODO: 后续实现删除账号逻辑 */ },
};

方案2：单独禁用指定行的ESLint规则 #

如果不想添加注释，可以在每个空函数上方添加ESLint禁用指令，精准跳过当前行的警告：

const defaultState: AuthState = {
  // eslint-disable-next-line @typescript-eslint/no-empty-function
  Signup: () => {},
  // eslint-disable-next-line @typescript-eslint/no-empty-function
  Signin: () => {},
  // eslint-disable-next-line @typescript-eslint/no-empty-function
  SignOut: () => {},
  // eslint-disable-next-line @typescript-eslint/no-empty-function
  UpdateEmail: () => {},
  // eslint-disable-next-line @typescript-eslint/no-empty-function
  SendRestPasswordEmail: () => {},
  // eslint-disable-next-line @typescript-eslint/no-empty-function
  RestPassword: () => {},
  // eslint-disable-next-line @typescript-eslint/no-empty-function
  UpdatePremiumUntil: () => {},
  // eslint-disable-next-line @typescript-eslint/no-empty-function
  DeletAccount: () => {},
};

方案3：让占位函数抛出错误（更严谨的开发模式） #

如果希望在开发阶段误调用未实现的函数时能及时发现问题，可以让占位函数抛出错误，这样既符合类型定义，又不会触发空函数警告：

const defaultState: AuthState = {
  Signup: () => { throw new Error('Signup 功能尚未实现'); },
  Signin: () => { throw new Error('Signin 功能尚未实现'); },
  SignOut: () => { throw new Error('SignOut 功能尚未实现'); },
  UpdateEmail: () => { throw new Error('UpdateEmail 功能尚未实现'); },
  SendRestPasswordEmail: () => { throw new Error('SendRestPasswordEmail 功能尚未实现'); },
  RestPassword: () => { throw new Error('RestPassword 功能尚未实现'); },
  UpdatePremiumUntil: () => { throw new Error('UpdatePremiumUntil 功能尚未实现'); },
  DeletAccount: () => { throw new Error('DeletAccount 功能尚未实现'); },
};

方案4：全局调整ESLint规则（谨慎使用） #

如果项目中存在大量此类占位空函数，可以修改ESLint配置文件（如.eslintrc.js），放宽@typescript-eslint/no-empty-function规则的限制，允许特定类型的空函数：

module.exports = {
  // 其他配置项...
  rules: {
    '@typescript-eslint/no-empty-function': ['error', {
      allow: ['arrowFunctions', 'methods'] // 允许箭头函数和类/对象方法为空
    }]
  }
};

注意：全局放宽规则可能会忽略真正无意义的空函数，建议仅在确认场景安全时使用。

内容的提问来源于stack exchange，提问作者Richardson