Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: Checkout UI Extension - shopify app dev - Error: "Failed to Bundle Extension..." #4450

Closed
2 tasks done
johnnativepath opened this issue Sep 13, 2024 · 1 comment
Closed
2 tasks done
Labels
Area: @shopify/app @shopify/app package issues State: Waiting for feedback Type: Bug Something isn't working

Comments

@johnnativepath
Copy link

johnnativepath commented Sep 13, 2024

Please confirm that you have:

  • Searched existing issues to see if your issue is a duplicate. (If you’ve found a duplicate issue, feel free to add additional information in a comment on it.)
  • Reproduced the issue in the latest CLI version.

In which of these areas are you experiencing a problem?

Extension

Expected behavior

Upon generating a Checkout UI Extension via shopify-cli, then running shopify app dev or npm run dev, the app should run locally and be served.

Actual behavior

  1. I am able to generate a Checkout UI Extension via shopify-cli.
  2. Upon running shopify app dev or npm run dev, the console does not serve the project and there is an error message.
  3. This happens on a fresh scaffolded extension with default code from Shopify.
  4. This happens whether generating the Extension in a fresh App, or generating only the extension (no app).
  5. Shopify Remix App is able to run locally via shopify app dev or npm run dev, but once an Extension is generated, the app does not run and errors.
  6. Shopify Plus support is not aware of a solution, and told me to open a issue here.

Verbose output

I do not want to post verbose output for security reasons. Verbose output shows all of the migrations and queries running for about 2 minutes, then it shuts down. Attached is a screenshot from verbose output.Image

The error message is as follows (upon shopify app dev):

Failed to bundle extension checkout-ui-extension. Please check the extension source code for errors.

Reproduction steps

  1. From the directory of your app, run shopify app generate extension.
  2. Select 'Checkout UI' as the Extension type.
  3. Run shopify app dev. (This is where it fails for me).

Operating System

Ubuntu 24.04.1 LTS

Shopify CLI version (check your project's package.json if you're not sure)

@shopify/cli/3.66.1

Shell

Ubuntu 24.04.1 LTS Terminal Windows Subsystem

Node version (run node -v if you're not sure)

v18.20.4

What language and version are you using in your application?

TypeScript React

@johnnativepath johnnativepath added the Type: Bug Something isn't working label Sep 13, 2024
@isaacroldan
Copy link
Contributor

Hi @johnnativepath , I can't reproduce, can you try with shopify app build to see if you get the same error but with more information?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area: @shopify/app @shopify/app package issues State: Waiting for feedback Type: Bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants