如何扩展此/全局类型？

Question

我正在使用普里斯马编写一个类型记录项目，我在本指南上看到了使用类型记录的代码。但是，我的linter为下面的代码提供了错误。

import { PrismaClient } from '@prisma/client';

let prisma: PrismaClient;

if (process.env.NODE_ENV === 'production') {
  prisma = new PrismaClient();
} else {
  if (!global.prisma) {
    global.prisma = new PrismaClient();
  }
  prisma = global.prisma;
}

export default prisma;

第8、9、11行(对于global.prisma)的错误消息如下

元素隐式具有“任意”类型，因为类型‘type an’没有索引签名。ts(7017)

如何用globalThis扩展Prismaclient的类型或全局类型，使其按预期工作？

Answer 1

下面是用PrismaClient实例化Next.js的最佳实践在Prisma文档中建议的解决方案。

import { PrismaClient } from '@prisma/client'

declare global {
  var prisma: PrismaClient | undefined
}

export const prisma =
  global.prisma ||
  new PrismaClient()

if (process.env.NODE_ENV !== 'production') global.prisma = prisma

替代解

您只需将global显式转换为any即可。滥用类型可以击败使用类型记录的价值，但在这种特定的情况下，我不认为有任何伤害或风险。

if (process.env.NODE_ENV === 'production') {
  prisma = new PrismaClient();
} else {
  if (!(global as any).prisma) {
    (global as any).prisma = new PrismaClient();
  }
  prisma = (global as any).prisma;
}