Skip to content

Server Error Error: Unable to resolve image URL from source (undefined) This error happened while generating the page. Any console logs will be displayed in the terminal window. #115

@LokeshNivash

Description

@LokeshNivash

i got this error and i stuck up with this i even checked all the codes with the repositorey code, i cant able to solve this error can some one help me

PS C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main> npm run dev

ecommerce-new-main@0.1.0 dev
next dev

▲ Next.js 14.0.4

Disabled SWC as replacement for Babel because of custom Babel configuration ".babelrc" https://nextjs.org/docs/messages/swc-disabled
✓ Ready in 5.7s
○ Compiling / ...
Using external babel configuration from C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main.babelrc
✓ Compiled / in 2.6s (567 modules)
Warning: The provided src attribute is an unsupported type ImageUrlBuilder. This value must be coerced to a string before before using it here.
at img
at div
at div
at HeroBanner (webpack-internal:///./components/HeroBanner.jsx:17:3)
at div
at Home (webpack-internal:///./pages/index.js:17:3)
at main
at div
at Layout (webpack-internal:///./components/Layout.jsx:19:3)
at StateContext (webpack-internal:///./context/StateContext.js:16:3)
at MyApp (webpack-internal:///./pages/_app.js:21:3)
at StyleRegistry (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\styled-jsx\dist\index\index.js:449:36)
at eY (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\next\dist\compiled\next-server\pages.runtime.dev.js:8:22559)
at eI (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\next\dist\compiled\next-server\pages.runtime.dev.js:17:1760)
at eD (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\next\dist\compiled\next-server\pages.runtime.dev.js:17:3083)
at div
at eQ (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\next\dist\compiled\next-server\pages.runtime.dev.js:26:763)
Error: Unable to resolve image URL from source (undefined)
at urlForImage (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules@sanity\image-url\lib\node\urlForImage.js:48:15)
at ImageUrlBuilder.url (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules@sanity\image-url\lib\node\builder.js:220:42)
at ImageUrlBuilder.toString (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules@sanity\image-url\lib\node\builder.js:224:21)
at testStringCoercion (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:222:13)
at checkAttributeStringCoercion (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:230:14)
at pushAttribute (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:2072:13)
at pushSelfClosing (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:2546:11)
at pushStartInstance (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:2875:16)
at renderHostElement (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5636:18)
at renderElement (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5952:5)
at renderNodeDestructiveImpl (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)
at renderNodeDestructive (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
at renderNode (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6259:12)
at renderChildrenArray (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6211:7)
at renderNodeDestructiveImpl (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6141:7)
⨯ Error: Unable to resolve image URL from source (undefined)
at urlForImage (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules@sanity\image-url\lib\node\urlForImage.js:48:15)
at ImageUrlBuilder.url (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules@sanity\image-url\lib\node\builder.js:220:42)
at ImageUrlBuilder.toString (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules@sanity\image-url\lib\node\builder.js:224:21)
at testStringCoercion (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:222:13)
at checkAttributeStringCoercion (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:230:14)
at pushAttribute (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:2072:13)
at pushSelfClosing (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:2546:11)
at pushStartInstance (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:2875:16)
at renderHostElement (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5636:18)
at renderElement (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.j at renderNodeDestructive (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
at renderNode (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6259:12)
at renderChildrenArray (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6211:7)
at renderNodeDestructiveImpl (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6141:7) {
page: '/'
}
✓ Compiled /_error in 447ms (569 modules)
Screenshot (204)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions