Unknown error from Shopify CLI on M2 Mac

kjdointhings
Shopify Partner
26 1 11

I'm trying to build a checkout ui extension and I'm unable to get started due to an error when running 'npm run dev'. This only occurs on my Apple Silicon M2 Mac, not my intel mac. Steps to reproduce:

 

When following the Checkout UI extension tutorial on Shopify docs, and from their Youtube channel:

https://shopify.dev/docs/api/checkout-ui-extensions

 

  1. Create a new development store in partner account with checkout extensibility developer preview
  2. Create app in partner account, and install on the development store
  3. In terminal, run npm init @Shopify/app@latest
  4. Name app and cd into the app directory
  5. Run npm run shopify app generate extension
  6. Select Checkout UI extension type
  7. Name extension
  8. Select Javascript React
  9. Run npm run dev
  10. Select "No, connect it to an existing app"
  11. Choose app that was created in step 2
  12. Choose store that was created in step 1
  13. Error thrown
Error: Command failed with Unknown system error -86: /Users/kj/Code/_apps/sunday-scaries-checkout-ui/node_modules/@shopify/plugin-cloudflare/bin/cloudflared tunnel --url http://localhost:54815 --no-autoupdate
spawn Unknown system error -86
    at ChildProcess.spawn (node:internal/child_process:413:11)
    at Object.spawn (node:child_process:757:9)
    at execa (file:///Users/kj/Code/_apps/sunday-scaries-checkout-ui/node_modules/execa/index.js:84:26)
    at buildExec (file:///Users/kj/Code/_apps/sunday-scaries-checkout-ui/node_modules/@shopify/cli-kit/dist/public/node/system.js:80:28)
    at exec (file:///Users/kj/Code/_apps/sunday-scaries-checkout-ui/node_modules/@shopify/cli-kit/dist/public/node/system.js:35:28)
    at file:///Users/kj/Code/_apps/sunday-scaries-checkout-ui/node_modules/@shopify/plugin-cloudflare/dist/tunnel.js:60:9
    at new Promise (<anonymous>)
    at tunnel (file:///Users/kj/Code/_apps/sunday-scaries-checkout-ui/node_modules/@shopify/plugin-cloudflare/dist/tunnel.js:30:12)
    at Object.hookStart [as action] (file:///Users/kj/Code/_apps/sunday-scaries-checkout-ui/node_modules/@shopify/plugin-cloudflare/dist/tunnel.js:15:31)
    at Object.<anonymous> (file:///Users/kj/Code/_apps/sunday-scaries-checkout-ui/node_modules/@shopify/cli-kit/dist/public/node/plugins/tunnel.js:16:24)

My environment:

Mac Mini M2 Pro w/ Ventura 13.3.1

Node v18.16.0

Shopify CLI v3.45.1

Reply 1 (1)

trudant
Shopify Partner
2 0 0

I'm facing a similar issue on M2 Mac.

Everyting is the same as your steps above 1-7.

I choose 8. Java Script

9-12 are the same.

13. The error message: 

... First:

14:59:05 │ webhooks │ Sending APP_UNINSTALLED webhook to app server
14:59:06 │ remix │
14:59:06 │ remix │ 💿 remix dev
14:59:06 │ remix │
14:59:06 │ remix │ info building...
14:59:06 │ remix │ ✘ [ERROR] Could not resolve "@remix-run/react"
14:59:06 │ remix │
14:59:06 │ remix │ app/root.jsx:21:76:
14:59:06 │ remix │ 21 │ ...eta, Outlet, Scripts, ScrollRestoration } from "@remix-run/react";
14:59:06 │ remix │ ╵ ~~~~~~~~~~~~~~~~~~
14:59:06 │ remix │
14:59:06 │ remix │ The Yarn Plug'n'Play manifest forbids importing "@remix-run/react" here because it's not listed as a dependency of this
package:
14:59:06 │ remix │
14:59:06 │ remix │ ../../.pnp.cjs:38:33:
14:59:06 │ remix │ 38 │ "packageDependencies": [\
14:59:06 │ remix │ ╵ ~~

>>>>>>>> this continues for some time listing many other instances of @remix errors <<<<<<<

 

Then we get to this error:

14:59:23 │ webhooks │ App hasn't started in time, giving up
14:59:23 │ webhooks │ APP_UNINSTALLED webhook delivery failed

 

and the app installs in shopify but never loads in the website.

trudant_0-1698437777051.png