Quick hits slots free download for android.Claim Your Free 999 Pesos Bonus Today

Resolved Juan Pablo Baeza
(@aescobar0)

1 year, 3 months ago
Hi everybody! I’m new to WooCommerce and I’m developing a custom payment gateway. I already developed it for shortcode checkouts, but I want to add support for blocks checkouts. So far I followed?this documentation, but I’m stuck trying to make everything work. I have developed everything (pretty basic tho, I’m just trying to show stuff on the screen so far), including my js and php files, but I’m stuck at trying to make my?index.js?to get succesfully compiled. What I’m doing is to run?npm run build?— which runs?wp-scripts build –, but I get the following error:?Module not found: Error: Can't resolve '@woocommerce/blocks-registry' in ...?, so I’m guessing that I’m not importing correctly that module.
I’m not sure if I’m following a correct process to compile, so I explain it (take in consideration that every route that I mention from here on is inside my plugin, i.e.?/wp-content/my_plugin/):
1. I created all my js files (currently 1, but anyway) and saved the index.js file in src/.
2. Run npm run build inside my plugin folder and wait for it to compile my files into build/index.js
3. Hopefully get my plugin rendered in WooCommerce checkout.
What is it that I’m doing wrong? I also tried to use const { registerPaymentMethod } = window.wc.wcBlocksRegistry; (I’m developing a regular payment method, not an express one) instead of importing registerPaymentMethod , but I get an error indicating that window.wc is undefined.
Hope somebody can help me!

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Support Shameem R. a11n
(@shameemreza)

1 year, 3 months ago
Hi @aescobar0

The issue might be related to the way you are trying to import it or it might not be installed in your project.

Please ensure that you have the @woocommerce/blocks-registry module installed in your project. You can check this by looking at your package.json file and seeing if @woocommerce/blocks-registry is listed under dependencies. If it’s not, you can install it by running npm install @woocommerce/blocks-registry in your project directory.

If @woocommerce/blocks-registry is properly installed and you’re still having issues, it might be related to how you’re trying to import it in your index.js file. Try importing it like this:
```
import { registerPaymentMethod } from '@woocommerce/blocks-registry';
```
If you’re still having issues, it could be related to your build process. npm run build should be enough to compile your files, but if it’s not working, you might want to look into your webpack configuration or your package.json scripts.

For the window.wc is undefined error, it seems like the WooCommerce Blocks environment is not being loaded properly. Ensure that you have enqueued the wc-blocks-registry script before your script. You can do this in your PHP file with the wp_enqueue_script function.

I hope this helps you in your development process. If you are still having problems, we recommend asking development questions on the #developers channel of the WooCommerce Community Slack. Many of our developers hang out there and will be able to offer insights into your question.

Let us know how that goes. If you have any other questions or if you need further clarification, please don’t hesitate to ask.
Hizan2599
(@hizan2599)

1 year, 2 months ago

Hello,

I specialize in developing custom WooCommerce plugins. If you’re facing challenges in adding block checkout functionality to your custom payment gateway, here are some suggestions:

https://github.com/woocommerce/woocommerce-gateway-dummy/tree/master

https://sevengits.com/woocommerce-checkout-blocks/

https://github.com/woocommerce/woocommerce-blocks/blob/trunk/docs/third-party-developers/extensibility/checkout-payment-methods/payment-method-integration.md

https://sevengits.com/payments-with-woocommerce-checkout-blocks/

https://codedcommerce.com/cart-and-checkout-blocks-are-going-mainstream/

hope this articles are useful for you.
devloper.aks
(@aksasds)

12 months ago
npm install @woocommerce/blocks-registry
npm ERR! code E404
npm ERR! 404 Not Found – GET https://registry.npmjs.org/@woocommerce%2Fblocks-registry – Not found

as we try to install this it gives the error mentioned below , have created a paymenthttps://snipboard.io/idHJo1.jpg method

problem while adding credit card fields and how to fetch the card deta and when we use import statement it gives error in console “import should be used on top”

please guide
- This reply was modified 12 months ago by devloper.aks.
ckadenge (woo-hc)
(@ckadenge)

11 months, 4 weeks ago

Hello @aksasds,

As this thread has already been marked as solved, I suggest that you start a new thread with your case, so that we don’t mix several troubleshooting sessions in one thread.

Cheers!