Shopify data not. connecting

PublicTrades · July 18, 2022, 7:11pm

Hello Logan, Thanks for the response. I actually have another issue at hand. We are trying. to integrate Shopify as our backend, and try to connect our data. However, nothing seems to be loading / connecting when clicked. Please refer to the attached screencast: Screen Recording 2022-07-18 at 2.49.25 PM

As you can see from the screencast, the loader went on forever without showing anything

maddy · July 18, 2022, 7:59pm

Hi @PublicTrades,

Can you share the public API key of the space this is occurring in? You can find your public API key in your account settings.

PublicTrades · July 19, 2022, 3:41pm

Hello Maddy, yes the public API key is fc82bf18c5bc4accb3c8f23c12104ad4
Also, in an unrelated issue - I tried running my app this morning and somehow it broke. It was working perfectly okay yesterday. This is the error message that got logged in the console:

error - ./node_modules/@theme-ui/match-media/dist/theme-ui-match-media.esm.js:2:0
Module not found: Can't resolve '@theme-ui/core'
null
event - build page: /next/dist/pages/_error
wait  - compiling...
error - ./node_modules/@theme-ui/match-media/dist/theme-ui-match-media.esm.js:2:0
Module not found: Can't resolve '@theme-ui/core'
null
Error: Cannot find module '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/.next/build-manifest.json'
Require stack:
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/api-utils.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/next.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/lib/start-server.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/cli/next-dev.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/bin/next
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.mod._resolveFilename (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/build/webpack/require-hook.js:4:1855)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:101:18)
    at loadComponents (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js:1:1557)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (internal/process/task_queues.js:95:5)
    at async DevServer.findPageComponents (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:77:257)
    at async DevServer.renderErrorToHTML (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:139:266)
    at async DevServer.render (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:75:160)
    at async Object.fn (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:58:672)
    at async Router.execute (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/router.js:25:67)
    at async DevServer.run (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:68:1042)
    at async DevServer.handleRequest (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:32:504) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/api-utils.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/next.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/lib/start-server.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/cli/next-dev.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/bin/next'
  ]
}
Error: Cannot find module '@theme-ui/core'
Require stack:
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/@theme-ui/match-media/dist/theme-ui-match-media.cjs.dev.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/@theme-ui/match-media/dist/theme-ui-match-media.cjs.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/.next/server/pages/_app.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/require.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/api-utils.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/next.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/lib/start-server.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/cli/next-dev.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/bin/next
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.mod._resolveFilename (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/build/webpack/require-hook.js:4:1855)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:101:18)
    at Object.<anonymous> (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/@theme-ui/match-media/dist/theme-ui-match-media.cjs.dev.js:6:12)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32)
    at Function.Module._load (internal/modules/cjs/loader.js:790:12)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:101:18)
    at Object.<anonymous> (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/@theme-ui/match-media/dist/theme-ui-match-media.cjs.js:6:20)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/@theme-ui/match-media/dist/theme-ui-match-media.cjs.dev.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/@theme-ui/match-media/dist/theme-ui-match-media.cjs.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/.next/server/pages/_app.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/require.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/api-utils.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/next.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/lib/start-server.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/cli/next-dev.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/bin/next'
  ]
}
Error: Cannot find module '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/.next/build-manifest.json'
Require stack:
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/api-utils.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/next.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/lib/start-server.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/cli/next-dev.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/bin/next
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.mod._resolveFilename (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/build/webpack/require-hook.js:4:1855)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:101:18)
    at loadComponents (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js:1:1557)
    at async DevServer.findPageComponents (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:77:257)
    at async DevServer.renderErrorToHTML (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:139:266)
    at async DevServer.render (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:75:160)
    at async Object.fn (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:58:672)
    at async Router.execute (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/router.js:25:67)
    at async DevServer.run (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:68:1042)
    at async DevServer.handleRequest (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:32:504) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/api-utils.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/next.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/lib/start-server.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/cli/next-dev.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/bin/next'
  ]
}
Error: Cannot find module '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/.next/build-manifest.json'
Require stack:
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/api-utils.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/next.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/lib/start-server.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/cli/next-dev.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/bin/next
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.mod._resolveFilename (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/build/webpack/require-hook.js:4:1855)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:101:18)
    at loadComponents (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js:1:1557)
    at async DevServer.findPageComponents (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:77:257)
    at async DevServer.renderErrorToHTML (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:139:266)
    at async DevServer.render (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:75:160)
    at async Object.fn (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:58:672)
    at async Router.execute (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/router.js:25:67)
    at async DevServer.run (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:68:1042)
    at async DevServer.handleRequest (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:32:504) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/api-utils.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/next.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/lib/start-server.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/cli/next-dev.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/bin/next'
  ]
}
error - ./node_modules/@theme-ui/match-media/dist/theme-ui-match-media.esm.js:2:0
Module not found: Can't resolve '@theme-ui/core'
null
event - build page: /next/dist/pages/_error
wait  - compiling...
error - ./node_modules/@theme-ui/match-media/dist/theme-ui-match-media.esm.js:2:0
Module not found: Can't resolve '@theme-ui/core'
null
Error: Cannot find module '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/.next/build-manifest.json'
Require stack:
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/api-utils.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/next.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/lib/start-server.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/cli/next-dev.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/bin/next
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.mod._resolveFilename (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/build/webpack/require-hook.js:4:1855)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:101:18)
    at loadComponents (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js:1:1557)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (internal/process/task_queues.js:95:5)
    at async DevServer.findPageComponents (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:77:257)
    at async DevServer.renderErrorToHTML (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:139:266)
    at async DevServer.render (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:75:160)
    at async Object.fn (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:58:672)
    at async Router.execute (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/router.js:25:67)
    at async DevServer.run (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:68:1042)
    at async DevServer.handleRequest (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js:32:504) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/api-utils.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/next.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/lib/start-server.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/cli/next-dev.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/bin/next'
  ]
}
Error: Cannot find module '@theme-ui/core'
Require stack:
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/@theme-ui/match-media/dist/theme-ui-match-media.cjs.dev.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/@theme-ui/match-media/dist/theme-ui-match-media.cjs.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/.next/server/pages/_app.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/require.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/api-utils.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/next.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/lib/start-server.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/cli/next-dev.js
- /Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/bin/next
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.mod._resolveFilename (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/build/webpack/require-hook.js:4:1855)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:101:18)
    at Object.<anonymous> (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/@theme-ui/match-media/dist/theme-ui-match-media.cjs.dev.js:6:12)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32)
    at Function.Module._load (internal/modules/cjs/loader.js:790:12)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:101:18)
    at Object.<anonymous> (/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/@theme-ui/match-media/dist/theme-ui-match-media.cjs.js:6:20)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/@theme-ui/match-media/dist/theme-ui-match-media.cjs.dev.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/@theme-ui/match-media/dist/theme-ui-match-media.cjs.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/.next/server/pages/_app.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/require.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/load-components.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/api-utils.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/next-server/server/next-server.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/next.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/server/lib/start-server.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/cli/next-dev.js',
    '/Users/blkboxng/Desktop/publicTradesProperties/snaphubs/node_modules/next/dist/bin/next'
  ]
}
error - ./node_modules/@theme-ui/match-media/dist/theme-ui-match-media.esm.js:2:0
Module not found: Can't resolve '@theme-ui/core'
null

maddy · July 19, 2022, 5:44pm

Thanks! I am seeing errors when trying to pull your products into Builder. In your Shopify plugin settings, can you change your store domain from https://spnsors.myshopify.com to spnsors.myshopify.com? I believe this should resolve the errors and your products should display. Let me know if this works! As for the error message you’re seeing, it looks like you have some dependencies that you are missing. I would try running npm install or npm I <specificPackageName> if you know what packages are missing (like ‘@theme-ui/core’).

PublicTrades · July 21, 2022, 8:01pm

Hello Maddy,
Thanks for your response. So I was able to view the collections/products from Shopify, but cant load the data - please refer to this screencast: https://streamable.com/3xvk2c to see what I mean, and hopefully you can guide me to resolving it.
Thank you.

maddy · July 22, 2022, 6:18pm

Hi @PublicTrades,

I am not able to load your collection or product pages correctly since your preview URL is set to localhost but I tested pulling in product data on your test landing page and it is working as expected. Do you see the products at the top of this entry? When you connect data, you will see this in the content state in the data tab. On your collection page entry, are you still unable to view the collection page? Do you see any errors in the console?

PublicTrades · July 22, 2022, 6:50pm

Hello Maddy,
Thanks for circling back in such a timely manner. My apologies for all my questions as I am still learning about your platform. I will look at the solution as you have stated above, but in the meantime, I have another issue visually editing the navigation pane.
Basically, I needed to adjust the width of the nav links, and perhaps set the text color as black.
My first question is can I perform this action via VS Code since I have it on my local machine or does it have to be done via your platform?
From the screencast, you’d notice that the nav links are off, and I was going to edit the entire nav on the ‘style’ pane but somehow couldn’t select the navigation itself. That was the theme that came out of the box (after running the app) when I set up the app on my local machine. Please advice. Thanks again for your prompt response

PublicTrades · July 22, 2022, 6:53pm

Cant seem to be able to share link to the screencast unfortunately

maddy · July 25, 2022, 4:36pm

Hi!

The Nextjs Shopify starter is themable, which is the theme data model you were adjusting. There isn’t an option in this data model to adjust the styling of just the navigation links (although the text color selector under Color overrides will change the text color). If you only want to adjust styling for your navigation links, you can add this to your stylesheet via VS Code.

Topic		Replies	Views
Shopify store front API update Shopify react , shopify , api , nextjs	5	556	January 19, 2023
Nextjs-Shopify Template checkoutCreate Error Shopify	3	818	May 19, 2022
Localhost:3000 doesnt display Shopify shopify , preview-url	5	34	September 24, 2024
Cannot connect to builder.io using next.js Bugs react , shopify , nextjs	7	1428	June 3, 2021
Visual CMS integration - Stuck step 4/5 Technical Questions	1	467	April 16, 2021

Shopify data not. connecting

Related topics