@prisma/react-native failed to initialize, js engine: hermes

sorenbs commented 5 months ago

Hi there!

Could you share additional details of what you did and the full error message you are seeing?

ImranArtwel commented 5 months ago

I have the same error from doing this:

import "@prisma/react-native";

import { PrismaClient } from "@prisma/client/react-native";

const prisma = new PrismaClient({
  log: [{ emit: "event", level: "query" }],
});

export async function initializeDB() {
  try {
    await prisma.$applyPendingMigrations();
  } catch (e) {
    console.error(`failed to apply migrations: ${e}`);
    throw new Error(
      "Applying migrations failed, your app is now in an inconsistent state. We cannot guarantee safety, it is now your responsability to reset the database or tell the user to re-install the app"
    );
  }
}

export default prisma;

calling this in the useEffect of the first route index.tsx

vearvip commented 5 months ago

Hi there!

Could you share additional details of what you did and the full error message you are seeing?

I encountered the same issue

First, I followed the tutorial from the Expo official website and used the following command to create a local test project:

npx create-expo-app@latest

Then I executed the following command to get a clean project:

npm run reset-project

Next, as per the project's README, I installed the dependencies:

npm i --save --save-exact @prisma/client@latest @prisma/react-native@latest react-native-quick-base64

And according to the subsequent steps in the README, I completed the project initialization:

{
  "expo": {
    // ... The rest of your expo config
    "plugins": ["@prisma/react-native"]
  }
}

npx expo prebuild --clean

I placed schema.prisma in /prisma/schema.prisma:

generator client {
  provider = "prisma-client-js"
  previewFeatures = ["reactNative"]
}
datasource db {
  provider = "sqlite"
  url      = "file:./app.db"
}
model User {
  id           Int     @id @default(autoincrement())
  name         String
}

I also executed the following commands:

npx prisma@latest migrate dev
npx prisma@latest generate

Finally, I modified the code in index.ts as follows:

import { Text, View } from "react-native";
import { PrismaClient } from '@prisma/client/react-native';
import { reactiveHooksExtension } from '@prisma/react-native';
const baseClient = new PrismaClient();
export const extendedClient = baseClient.$extends(reactiveHooksExtension());
export default function Index() {
  const users = extendedClient.user.useFindMany(); 
  return (
    <View
      style={{
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
      }}
    >
      <Text>hello world</Text>
      <Text>{JSON.stringify(users)}</Text>
    </View>
  );
}

However, when I run the project, it displays the following error message:

Android Bundled 7035ms node_modules/expo-router/entry.js (959 modules)
 ERROR  Error: 🟥 @prisma/react-native failed to initialize, js engine: hermes

My development environment is as follows:

Node: v18.17.1
Android: 14
Simulator: Pixel_3a_API_34

MacOS: Ventura 13.0.1

{
"name": "ceshi",
"main": "expo-router/entry",
"version": "1.0.0",
"scripts": {
"start": "expo start",
"reset-project": "node ./scripts/reset-project.js",
"android": "expo run:android",
"ios": "expo run:ios",
"web": "expo start --web",
"test": "jest --watchAll",
"lint": "expo lint"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@expo/vector-icons": "^14.0.0",
"@prisma/client": "5.15.1",
"@prisma/react-native": "5.15.1",
"@react-navigation/native": "^6.0.2",
"expo": "~51.0.14",
"expo-constants": "~16.0.2",
"expo-font": "~12.0.7",
"expo-linking": "~6.3.1",
"expo-router": "~3.5.16",
"expo-splash-screen": "~0.27.5",
"expo-status-bar": "~1.12.1",
"expo-system-ui": "~3.0.6",
"expo-web-browser": "~13.0.3",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-native": "0.74.2",
"react-native-gesture-handler": "~2.16.1",
"react-native-quick-base64": "2.1.2",
"react-native-reanimated": "~3.10.1",
"react-native-safe-area-context": "4.10.1",
"react-native-screens": "3.31.1",
"react-native-web": "~0.19.10"
},
"devDependencies": {
"@babel/core": "^7.20.0",
"@types/jest": "^29.5.12",
"@types/react": "~18.2.45",
"@types/react-test-renderer": "^18.0.7",
"jest": "^29.2.1",
"jest-expo": "~51.0.1",
"react-test-renderer": "18.2.0",
"typescript": "~5.3.3"
},
"private": true
}