Why does the app close/crash on using the useTensorflowModel?

[rahulshahzy]

When I use useTensorflowModel in the code for an example app:
const object = useTensorflowModel(require('../assets/efficientdet.tflite'))

I get this in the console:
(NOBRIDGE) LOG Loading react-native-worklets-core...
(NOBRIDGE) LOG Worklets loaded successfully
(NOBRIDGE) LOG Installing bindings...
(NOBRIDGE) LOG Successfully installed!
(NOBRIDGE) LOG {"model": undefined, "state": "loading"}

Also the app is being closed automatically when that line is executed, I don't understand what is the issue, please help me with that?

[maintenance-hans]

Guten Tag, Hans here! 🍻

It looks like you're having some issues with using useTensorflowModel. However, I need more information to help you out properly. Could you please provide the logs from your console when the app crashes? If you're on iOS, check the Xcode logs, or if you're on Android, use adb logcat to get the logs.

This will help mrousavy to understand what's going wrong. Also, make sure you're following the documentation closely! If you want quicker insights or support, consider sponsoring the project here. Looking forward to your reply!

Note: If you think I made a mistake, please ping @mrousavy to take a look.

[rahulshahzy]

I get no logs in the console, just the app gets closed unintentionally

[holychicken99]

Had the same problem and most of the times it was because of wrong path provided

[deepanshu770]

None of these files exist:

• src\assets\mobilefacenet.tflite(.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
• src\assets\mobilefacenet.tflite
  26 | const loadModel = async () => {
  27 | const model = await loadTensorflowModel(

28 | require('../assets/mobilefacenet.tflite')
| ^
29 | );
30 | console.log(model);
31 | };
at ModuleResolver.resolveDependency (C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:114:15)
at DependencyGraph.resolveDependency (C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\node-haste\DependencyGraph.js:239:43)
at C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\lib\transformHelpers.js:165:21
at resolveDependencies (C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\DeltaBundler\buildSubgraph.js:42:25)
at visit (C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\DeltaBundler\buildSubgraph.js:83:30)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async Promise.all (index 3)
at async visit (C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\DeltaBundler\buildSubgraph.js:92:5)
at async Promise.all (index 2)
at async visit (C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\DeltaBundler\buildSubgraph.js:92:5)

I am also getting the same type of error
But file exist at that path

[deepanshu770]

if I add the following lines in metro.config.js
const config = { resolver:{ assetExts:['.tflite'] } };

it gives and error

Error: Unable to resolve module ./assets/toggle-drawer-icon.png from C:\Users\Deepu\Desktop\ClassMonitor\node_modules@react-navigation\drawer\lib\module\views\DrawerToggleButton.js:

None of these files exist:

• node_modules@react-navigation\drawer\lib\module\views\assets\toggle-drawer-icon.png(.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
• node_modules@react-navigation\drawer\lib\module\views\assets\toggle-drawer-icon.png
  4 | import { DrawerActions, useNavigation } from '@react-navigation/native';
  5 | import { Image, StyleSheet } from 'react-native';

6 | import toggleDrawerIcon from './assets/toggle-drawer-icon.png';
| ^
7 | import { jsx as _jsx } from "react/jsx-runtime";
8 | export function DrawerToggleButton({
9 | tintColor,
at ModuleResolver.resolveDependency (C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:114:15)
at DependencyGraph.resolveDependency (C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\node-haste\DependencyGraph.js:239:43)
at C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\lib\transformHelpers.js:165:21
at resolveDependencies (C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\DeltaBundler\buildSubgraph.js:42:25)
at visit (C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\DeltaBundler\buildSubgraph.js:83:30)
at async Promise.all (index 6)
at async visit (C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\DeltaBundler\buildSubgraph.js:92:5)
at async Promise.all (index 6)
at async visit (C:\Users\Deepu\Desktop\ClassMonitor\node_modules\metro\src\DeltaBundler\buildSubgraph.js:92:5)
at async Promise.all (index 2)

[holychicken99]

Error: Unable to resolve module ./assets/toggle-drawer-icon.png ...
you allowed tflite files but didn't allow png files