Startup errors after pulling in @shopify/shopify-api

[reikje]

Hi, I am new to Shopify app development. Have used your template for your new app and it works great. However, I understand that every app should do this on start:

Shopify.Context.initialize({
    API_KEY: ..,
    API_SECRET_KEY: ..,
    SCOPES: ..,
    HOST_NAME: ..,
    API_VERSION: '2022-07',
    IS_EMBEDDED_APP: true,
    SESSION_STORAGE: ...,
  });

What would be a good place to do the initialize call? In order to use the Shopify object, I added @shopify/shopify-api to the project via npm. I have checked the default template at: https://github.com/Shopify/shopify-app-template-node/blob/main/package.json#L22-L26 and they are using version 3.0.0 of @shopify/shopify-api.

However, now that the dependency has been added, it suddenly fails to start any longer:

npm run dev

> [email protected] dev
> next dev

Browserslist: caniuse-lite is outdated. Please run:
npx browserslist@latest --update-db
Loaded env from /Users/username/dev/projectname/.env.local
ready - started server on http://localhost:3000
error - ./node_modules/@mapbox/node-pre-gyp/lib/testbinary.js:9:0
Module not found: Can't resolve 'child_process'
null

I have tried Node 12, 14 and 16 with no luck. Any ideas?