问题描述
在 server.ts 中,像这样导入 prismaClient:
import { prismaClient } from '@prisma/client';
export const prisma = new prismaClient();
yarn run build && yarn run start
import { prismaClient } from '@prisma/client';
^^^^^^^^^^^^
SyntaxError: Named export 'prismaClient' not found. The requested module '@prisma/client' is a Commonjs module,which may not support all module.exports as named exports.
Commonjs modules can always be imported via the default export,for example using:
import pkg from '@prisma/client';
const { prismaClient } = pkg;
at ModuleJob._instantiate (internal/modules/esm/module_job.js:104:21)
at async ModuleJob.run (internal/modules/esm/module_job.js:149:5)
at async Loader.import (internal/modules/esm/loader.js:166:24)
at async Object.loadESM (internal/process/esm_loader.js:68:5)
error Command Failed with exit code 1.
所以我做了推荐的事情并将代码更改为:
import prisma from '@prisma/client';
const { prismaClient } = prisma;
export const prisma = new prismaClient();
此代码在使用 tsc 构建并运行生成的代码后工作。但是现在使用 ts-node-dev 运行打字稿文件会引发此错误:
yarn run dev
TypeError: Cannot destructure property 'prismaClient' of 'client_1.default' as it is undefined.
at Object.<anonymous> (C:\Users\gfs10\Projetos\rest-api\src\server.ts:11:9)
at Module._compile (internal/modules/cjs/loader.js:1063:30)
at Module._compile (C:\Users\gfs10\Projetos\rest-api\node_modules\source-map-support\source-map-support.js:547:25)
at Module.m._compile (C:\Users\gfs10\AppData\Local\Temp\ts-node-dev-hook-9753341767331849.js:69:33)
at Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
at require.extensions.<computed> (C:\Users\gfs10\AppData\Local\Temp\ts-node-dev-hook-9753341767331849.js:71:20)
at Object.nodeDevHook [as .ts] (C:\Users\gfs10\Projetos\rest-api\node_modules\ts-node-dev\lib\hook.js:63:13)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)
at Module.require (internal/modules/cjs/loader.js:952:19)
[ERROR] 19:03:38 TypeError: Cannot destructure property 'prismaClient' of 'client_1.default' as it is undefined.
并将代码更改为:
import prisma from '@prisma/client';
export const prisma = new prisma.prismaClient();
抛出这个错误:
yarn run dev
TypeError: Cannot read property 'prismaClient' of undefined
at Object.<anonymous> (C:\Users\gfs10\Projetos\rest-api\src\server.ts:11:34)
at Module._compile (internal/modules/cjs/loader.js:1063:30)
at Module._compile (C:\Users\gfs10\Projetos\rest-api\node_modules\source-map-support\source-map-support.js:547:25)
at Module.m._compile (C:\Users\gfs10\AppData\Local\Temp\ts-node-dev-hook-7015369495927739.js:69:33)
at Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
at require.extensions.<computed> (C:\Users\gfs10\AppData\Local\Temp\ts-node-dev-hook-7015369495927739.js:71:20)
at Object.nodeDevHook [as .ts] (C:\Users\gfs10\Projetos\rest-api\node_modules\ts-node-dev\lib\hook.js:63:13)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)
at Module.require (internal/modules/cjs/loader.js:952:19)
[ERROR] 19:09:01 TypeError: Cannot read property 'prismaClient' of undefined
怎么会?如何让两者同时工作?
我的 tsconfig.json
{
"compilerOptions": {
"target": "ES2020","moduleResolution": "node","outDir": "./build/","rootDir": "./src/","strict": true,"alwaysstrict": true,"noImplicitAny": true,"noUnusedLocals": true,"noUnusedParameters": true,"noImplicitReturns": true,"strictnullchecks": true,"strictPropertyInitialization": true,"strictBindCallApply": true,"noImplicitThis": true,"noFallthroughCasesInSwitch": true,"esModuleInterop": true,"declaration": true
}
}
我的 package.json:
{
"name": "rest-api","version": "1.0.0","description": "A REST API boilerplate.","main": "server.ts","author": "Gledyson Ferreira","license": "MIT","type": "module","scripts": {
"start": "node --experimental-specifier-resolution=node build/server.js","dev": "SET NODE_ENV=development&& ts-node-dev --clear src/server.ts","build": "tsc","lint": "eslint --ext .ts ."
},"devDependencies": {
"@typescript-eslint/eslint-plugin": "^4.18.0","@typescript-eslint/parser": "^4.18.0","eslint": "^7.22.0","prisma": "^2.19.0","ts-node-dev": "^1.1.6","typescript": "^4.2.3"
},"dependencies": {
"@prisma/client": "^2.19.0","@types/bcrypt": "^3.0.0","@types/cors": "^2.8.10","@types/express": "^4.17.11","@types/jsonwebtoken": "^8.5.1","@types/morgan": "^1.9.2","@types/node": "^14.14.35","@types/passport": "^1.0.6","@types/passport-jwt": "^3.0.5","bcrypt": "^5.0.1","cors": "^2.8.5","express": "^4.17.1","jsonwebtoken": "^8.5.1","morgan": "^1.10.0","passport": "^0.4.1","passport-jwt": "^4.0.0"
}
}
我的 server.ts
import express from 'express';
import prisma from '@prisma/client';
import config from './config';
import api from './api';
import middleware from './middlewares';
import morgan from 'morgan';
import cors from 'cors';
import passport from 'passport';
import setReqUser from './services/passport';
export const prisma = new prisma.prismaClient();
const app = express();
app.disable('x-powered-by');
app.use(express.json());
app.use(morgan('tiny'));
app.use(cors());
app.use(passport.initialize());
setReqUser(passport);
app.use('/api/v1',api.authRoute);
app.use('/api/v1/users',api.userRoute);
app.use(middleware.unkNownEndpoint);
app.use(middleware.errorHandler);
app.listen(config.port,() => {
console.log(`
################################################
Server running on port ${config.port} in ${config.env} mode.
################################################
`);
});
解决方法
Prisma 尚不支持 ES6 模块。我建议遵循 this 请求,同时使用 CommonJS,即从 "type": "module"
中删除 package.json
并将 target
中的 tsconfig.json
设置为 ES2018
.
正如您所知,此问题正在解决 here。
与此同时,您可以做的就是对模拟的 Prisma 客户端使用依赖注入并移动解构线
const { PrismaClient } = pkg;
到你的类或函数在 if 中使用它的地方,即:
class MyClass {
prisma: Prisma.PrismaClient
def constructor(props) {
if (!props?.prisma) {
const { PrismaClient } = Prisma
this.prisma = new PrismaClient({
log: ['error']
})
} else {
this.prisma = props.prisma
}
}
}
我知道这并不理想,但希望这能解决问题。
要模拟 PrismaClient,您可以像这样使用 jest-mock-extended 模拟它
const mockPrisma = mockDeep<OriginalPrismaClient>();