Error after app reinstalling

**The app couldn’t be loaded

This app can’t load due to an issue with browser cookies. Try enabling cookies in your browser, switching to another browser, or contacting the developer to get support.**

i run node app after npm run build still the error. can you help me on that

I'm having trouble getting the app to run in the admin dashboard. After I click install to my shop from the partner dashboard, it redirects me to "https://myngroksercer.io/?hmac=&shop=.myshopify.com&timestamp=1659089273". The full screen loads at this address before it redirects me to "https://.myshopify.com/admin/apps/<SHOPIFY_API_KEY>/?hmac=&shop=.myshopify.com&timestamp=1659089273", and from here I get a "There’s no page at this address".

Has anyone had this issue?

The npm run dev is currently broken leading to a lot of 4xx and 5xx errors since the dev mode implementation is half baked. The production mode runs just fine with npm run build followed by a npm run start. HMR isn't supported in production mode, so any changes to React side of things need a npm run build and refresh in the embedded app to update.

Hello I am new to Shopify development. I set up the repo and made no changes besides the necessary variables in .env. The app loads initially, but hitting Subscriptions or Recurring buttons causes this error.

Thanks for your help.

I am using below code in Frame component const logom = { width: 124, topBarSource: logo, url:"/" } But when I clicked on logo I am getting below error

Refused to frame 'https://3916-103-136-95-137.in.ngrok.io/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'none'".

Can you please help me

I have server side subscription on home page once homepage is loaded. In production I'm getting blank screen after clicking on install and following error message, it is still on SHOPIFY_APP_URL domain.

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

The app is installed, after going through admin>apps>My App it works fine

Hey man! I'm strangely getting this error sometimes when I exit and re-enter the app url from the merchant's side.

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://light-heads-tickle-67-176-66-51.loca.lt') does not match the recipient window's origin ('https://bis-test-cecom.myshopify.com').

Any idea what's going on here? I think it's a session thing, but I'm a bit out of my depth.

I'm getting this error in my console when running npm run s:e:deploy

ERROR Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.

This command has worked in the past and I haven't made any changes to my theme-app-extension so I'm not sure why it's throwing this error.

I've tried all these solutions https://bobbyhadz.com/blog/react-invalid-hook-call-hooks-can-only-be-called-inside-body

I'm also not using react in my theme-app-extension, so I'm not sure why this error occurred out of nowhere.

I've cloned this repo to test if it's an issue with my specific app but the same error occurred.

My app creates Discounts for users after they verify ownership of a specific NFT. I'm using the Proxy route correctly and am able to retrieve necessary data from MongoDB to verify ownership but my /create-discount-code-auth Route throws an error.

I guess I need a hand understanding how to make authenticated Shopify API calls from Shopify's theme-app-extension.

App proxy route

proxyRouter.get("/create-discount-code-auth", verifyRequest(proxyRouter), async (req, res) => {
  const session = await Shopify.Utils.loadCurrentSession(req, res, true);
  const { PriceRule } = await import(
    `@shopify/shopify-api/dist/rest-resources/${Shopify.Context.API_VERSION}/index.js`
  );

  const { DiscountCode } = await import(
    `@shopify/shopify-api/dist/rest-resources/${Shopify.Context.API_VERSION}/index.js`
  );

  const discount_code = Math.random().toString(36).slice(2, 24).toUpperCase();
  const rule_id = req.query.rule_id;
  const validity = req.query.validity;

  const start = new Date();
  const end = moment(start).add(Number(validity), "minutes").format();

  const price_rule = new PriceRule({ session });
  price_rule.id = rule_id;
  price_rule.starts_at = start;
  price_rule.ends_at = end;
  await price_rule.save({});

  const discount = new DiscountCode({ session });
  discount.price_rule_id = rule_id;
  discount.code = discount_code;

  try {
    await discount.save({});
    req.body = { message: `Discount code created [  ${discount_code}  ]` };
    res.status(200).json(req.body);
  } catch (error) {
    req.body = {
      message: `Discount code creation failed with error ${error.message}`,
    };
  }
});

Call from theme-app-extension

const createDiscountCode = async (rule_id, selected_discount_validity) => {
    const response = await Axios.get(`/apps/discount-express-proxy/create-discount-code-auth? 
    validity=${selected_discount_validity}&rule_id=${rule_id}`).then((response) => response.data);
    alert(response.message);
};

createDiscountCode(setSelectedRule, "15");

This Route works from inside my app but I am looking to trigger it on the storefront.

I'm posting here as I'm using your boilerplate and am hoping I've just missed a step.

Thanks.

I think that GDPR for this is not working.

TypeError: Cannot read properties of undefined (reading 'webhookSubscriptions')

Looks like gdpr must be registered in a different way

https://github.com/Shopify/shopify-api-node/issues/290#issuecomment-1034844736

Error: ENOENT: no such file or directory, open '/app/frontend/dist/index.html' at Object.openSync (node:fs:590:3) at readFileSync (node:fs:458:35) at file:///app/server/index.js:182:15 at Layer.handle [as handle_request] (/app/node_modules/express/lib/router/layer.js:95:5) at trim_prefix (/app/node_modules/express/lib/router/index.js:328:13) at /app/node_modules/express/lib/router/index.js:286:9 at param (/app/node_modules/express/lib/router/index.js:365:14) at param (/app/node_modules/express/lib/router/index.js:376:14) at Function.process_params (/app/node_modules/express/lib/router/index.js:421:3) at next (/app/node_modules/express/lib/router/index.js:280:10) at SendStream.error (/app/node_modules/serve-static/index.js:121:7) at SendStream.emit (node:events:513:28) at SendStream.error (/app/node_modules/send/index.js:270:17) at SendStream.onStatError (/app/node_modules/send/index.js:417:12) at onstat (/app/node_modules/send/index.js:722:26) at FSReqCallback.oncomplete (node:fs:202:21)

Hi, I m getting this error after the deployment, can you please help to fix it? Thank You!