Loader function is being executed on the client side

[parsagholipour]

I have the following code in root.tsx

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

export async function loader({request, context}: LoaderArgs) {
  const prisma = new PrismaClient();
...

and I get the following error
Error: PrismaClient is unable to be run in the browser.
Basically I cannot use any library that cannot be executed in the browser.

[kiliman]

Prisma should be exported from a *.server file. This is due to a side effect of importing prisma in the route file.

For an example see https://remix.run/docs/en/main/tutorials/jokes#connect-to-the-database

[parsagholipour]

I did this but I still get the same error

import {PrismaClient} from './lib/db.server';
export async function loader({request, context}: LoaderArgs) {
  const prisma = new PrismaClient();
...

db.server.tsx :

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

export const PrismaClient = _PrismaClient;

[lili21]

how about try it this way

// loader.server.ts
export const loader = xxxx

// your page
export { loader } from './loader.server'

[parsagholipour]

@lili21 Same

[lili21]

can you provide a reproduce repo?

[parsagholipour]

The reason was it was being run on Oxygen server instead of Express js. node APIs are not available in the environment.