Library crashes after downloading the model.
Author: ritvij14Created Aug 4, 2025Updated Aug 4, 2025
I am using background removal in one of the features of my project. I am using NextJS 14.2.13 and @imgly/background-removal - ^1.6.0
Code:
// Dynamically import background-removal only on the client
const { removeBackground } = await import("@imgly/background-removal");
console.log("Background removal library loaded");
const processedBlob = await removeBackground(file, {
debug: true, // Enable debug logging
});
console.log("Background removal completed");
const fg = new Image();
fg.src = URL.createObjectURL(processedBlob);Error Log:
15:09:04.012 Downloading fetch:/models/isnet_fp16: 83958404 of 88152708
15:09:04.012 Downloading fetch:/models/isnet_fp16: 88152708 of 88152708
Detailed error processing image: TypeError: url.replace is not a function
RelativeURL NextJS
jp webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26
r webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26
U webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17
gt webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26
U webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17
Ga webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26
U webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17
Fn webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756
U webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17
zo webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756
U webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17
wc webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756
U webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17
<anonymous> webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756
NextJS 4
promise callback*getOrt webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:1011
createOnnxSession webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:1019
initBase webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:5150
initInference webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:5155
memoized webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:701
removeBackground webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:5197
handleImageUpload webpack-internal:///(app-pages-browser)/./src/components/dashboard/TextBehindImage.tsx:88
React 21
hydrateRoot webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/client.js:17
hydrate webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:197
startTransition React
hydrate webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:197
<anonymous> webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-next-dev.js:10
appBootstrap webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-bootstrap.js:57
loadScriptsInSequence webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-bootstrap.js:23
appBootstrap webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-bootstrap.js:56
<anonymous> webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-next-dev.js:8
NextJS 7
[app-index.tsx:25:20](webpack://_N_E/src/client/app-index.tsx?b6bc)
15:09:04.102
Error stack: RelativeURL@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:288:35
jp@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26:6707
$r<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26:6987
U/<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17:416
gt<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26:7919
U/<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17:416
Ga<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26:10709
U/<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17:416
Fn<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756:26956
U/<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17:416
zo<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756:36793
U/<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17:416
wc<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756:41518
U/<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17:416
@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756:42439
(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs@http://localhost:3000/_next/static/chunks/_app-pages-browser_node_modules_onnxruntime-web_dist_ort_bundle_min_mjs.js:28:1
options.factory@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:730:31
__webpack_require__@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:37:33
fn@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:386:21
promise callback*getOrt@webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:1011:131
createOnnxSession@webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:1019:22
initBase@webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:5150:25
async*initInference@webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:5155:22
memoized@webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:701:23
removeBackground@webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:5197:37
handleImageUpload@webpack-internal:///(app-pages-browser)/./src/components/dashboard/TextBehindImage.tsx:88:41
async*callCallback@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20565:14
invokeGuardedCallbackImpl@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20614:16
invokeGuardedCallback@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20689:29
invokeGuardedCallbackAndCatchFirstError@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20703:25
executeDispatch@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32128:42
processDispatchQueueItemsInOrder@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32160:22
processDispatchQueue@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32173:37
dispatchEventsForPlugins@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32184:23
dispatchEventForPluginEventSystem/<@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32374:12
batchedUpdates$1@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:24953:12
batchedUpdates@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:28844:12
dispatchEventForPluginEventSystem@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32373:17
dispatchEvent@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:30141:38
dispatchDiscreteEvent@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:30112:18
EventListener.handleEvent*addEventBubbleListener@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:30361:10
addTrappedEventListener@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32277:29
listenToNativeEvent@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32216:26
listenToAllSupportedEvents/<@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32227:30
listenToAllSupportedEvents@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32222:21
hydrateRoot$1@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:37940:29
hydrateRoot@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:38526:10
exports.hydrateRoot@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/client.js:17:16
hydrate/<@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:197:60
startTransition@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react/cjs/react.development.js:2597:25
hydrate@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:197:24
@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-next-dev.js:10:5
appBootstrap/<@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-bootstrap.js:57:9
loadScriptsInSequence@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-bootstrap.js:23:16
appBootstrap@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-bootstrap.js:56:26
@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-next-dev.js:8:32
(app-pages-browser)/./node_modules/next/dist/client/app-next-dev.js@http://localhost:3000/_next/static/chunks/main-app.js?v=1754300310157:266:1
options.factory@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:730:31
__webpack_require__@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:37:33
__webpack_exec__@http://localhost:3000/_next/static/chunks/main-app.js?v=1754300310157:1996:61
@http://localhost:3000/_next/static/chunks/main-app.js?v=1754300310157:1997:154
webpackJsonpCallback@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:1402:46
@http://localhost:3000/_next/static/chunks/main-app.js?v=1754300310157:9:61
[app-index.tsx:25:20](webpack://_N_E/src/client/app-index.tsx?b6bc)
15:09:04.102
Error message: url.replace is not a function [app-index.tsx:25:20](webpack://_N_E/src/client/app-index.tsx?b6bc)Source: imgly/background-removal-js