Home › Forums › Gutenberg › Load JS in editor with block.json › Reply To: Load JS in editor with block.json
I had the same problem of my block JS file not loading when adding it this way. If you have wp_debug
enabled you’ll probably see this notice: “Function register_block_script_handle was called incorrectly…”. It will show the name of the .asset.php file it’s expecting.
However, using this ACF forum post to start, I found how to load scripts via file name in blocks.json. Which is great as I understand it’s the better way to do it (now that it’s possible) instead of what Bill Erickson’s tutorial shows.
So @spinline since you are loading a JS file named custom.js
you’d need to add in the same folder a file named custom.asset.php
. In this file you can include the handle name, dependencies, and version number. Or you can leave them to be default generated. My js-file-name.asset.php
looks like this:
`
<?php
return array(
‘dependencies’ => array(
‘wp-blocks’,
‘wp-element’,
‘wp-i18n’,
),
‘version’ => ‘1.0’,
);
`
To read more about this, check out the WPDefinedAsset
section in the Block Editor Handbook.
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Privacy Policy. If you continue to use this site, you consent to our use of cookies.