WordPress Block Development – trouble importing from @wordpress/icons

I have ran across this before. The code looks fine and this should work. What the error indicates is that those imports are not being found. This can be for several of reasons.

  1. Did you import the @wordpress/icons package through npm?
  2. Is the package a current or recent version? Can run npm outdated to see which packages are outdated.
  3. Is the build properly building? <- this is what got me. My build was building but I was using an old version of @wordpress/scripts which resulted in the icons not being loaded due to a JSX conflict. Once I updated this the icons started loading properly.

Hope this helps and gives you things you can look at.

Related Posts:

  1. Custom action button in Gutenberg editor (post_submitbox_misc_actions – equivalent)
  2. Adding pre-publish checks with Gutenberg
  3. Managing two editable fields in gutenberg
  4. How to make repeated component/block in Gutenberg
  5. Using Primary Color in Plugin Block
  6. How to get data from WordPress $wpdb into React Gutenberg Blocks Frontend?
  7. Create Element From Dynamic HTML String [closed]
  8. Plugin Sidebar is not Saving Meta Attribute to Post/Page after “Update”
  9. What’s the Right Way to get and save remote data for a Gutenberg block?
  10. WordPress: After Gutenberg plugin migration to block.json the localization/ translations with PolyGlot in JavaScript does not work anymore
  11. Looking for callback function after Gutenberg is rendered?
  12. How to Parse an Array of Elements in Gutenberg Block
  13. Error : “Updating failed: The response is not a valid JSON response” with custom shortcode
  14. How to disable “Transform to” option in Gutenberg custom blocks
  15. Is there a better way to implement responsive images than what WordPress uses by default?
  16. Gutenberg registerFormatType with Multiple Classes
  17. Gutenberg: useDispatch is not a function – @wordpress/data included
  18. Gutenberg Block add element in the Editor inside InnerBlocks after div – editor-block-list
  19. Make a list with header and subtext in Gutenberg blocks
  20. Gutenberg – What is the best way to save/update post meta?
  21. How do you render_callback for register_block_type to a method in another class?
  22. How to create multiple Gutenberg blocks in one plugin
  23. How to get color name in PanelColorSettings in custom Gutenberg block?
  24. How insert negative values in Gutenberg box-control
  25. Initial help with official “create a block” tutorial
  26. Are block templates incompatible with serialize_blocks?
  27. How do I dynamically render an InnerBlock inside a dynamic block?
  28. ServerSideRender and Media Object: attributes passing image data object to php renderer even though it’s not set
  29. Gutenberg blocks not getting styled on back end
  30. Is there an additional block.json property to set to get an InnerBlocks child to respect the “supports” property?
  31. How to access noticeOperations from withNotices
  32. Run code once when block is created
  33. Best way to save custom css for an block
  34. How to prevent UNDO on guternberg block editor
  35. How to insert text at the current cursor position in Gutenberg?
  36. How to override gutenberg paragraph block edit property
  37. How can I listen to events in Gutenberg block?
  38. It’s possible to passing a ref to FormTokenField from parent component using forwardRef?
  39. Do I have to worry about useState causing a re-render?
  40. WP Gutenberg Blocks – How to limit first/root blocks
  41. How to get boolean value from register_meta properly?
  42. JSX in WordPress Plugin Development
  43. ResizableBox with RangeControl not working
  44. How can I get the selected string when using a toolbar button in Gutenberg?
  45. jQuery selectors for editor elements safe to use?
  46. There is a problem in the gutenberg block I developed. Problem is with withInstanceId
  47. Gutenberg: import dependency or assign from global variable?
  48. How to only load css for used blocks on frontend
  49. Additional classes `undefined` after saving post in Gutenberg
  50. How do you submit a Gutenberg plugin?
  51. Catching Gutenberg sidebar switch event
  52. Invalid hook call on save, not edit when using swiper slider
  53. Proper way to use useSelect
  54. Use npm and wp-env to make production bundle
  55. How to save post meta as an array in Gutenberg?
  56. How to use apiFetch to get author information in Gutenberg properly?
  57. Gutenberg blocks error: Each child in a list should have a unique “key” prop
  58. How to properly package a block plugin
  59. Setting global block attribute value
  60. Developing the save function in Gutenberg blocks
  61. WordPress Gutenberg InnerBlocks renderAppender not showing with template
  62. Gutenberg – is it ok to load dependencies multiple times?
  63. Preventing double loading JS scripts (like React) when developing for Gutenberg
  64. Console errors in 6.0-RC1 Widget screen
  65. Custom Block Not Shown in Block Inserter
  66. How to use attributes in competent of Gutenberg
  67. var(–text-color) in style.scss works once but not twitch
  68. wordpress full site editing problem when extending core blocks
  69. Pass custom props to
  70. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  71. Trigger function on Remove block or add new block in Gutenberg JavaScript
  72. WPGut – Updating failed and shortcode?
  73. Rerender core Templates with with ToggleControl but it doesnt recognize block type
  74. Gutenberg – Call google map render function in save after DOM has been rendered
  75. Gutenberg block breaks when showing new data
  76. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  77. What happens/fires when you select a block in the editor?
  78. How to use setAttributes outside of the edit function return
  79. Where do I hook to have the server do something in PHP on block attribute change?
  80. Reading plugin settings in esnext wordpress block
  81. Get value of custom checkbox from Gutenberg sidebar in plugin
  82. Gutenberg component in a plugin admin
  83. How to get access the ID of all posts of custom post type in Gutenberg editor
  84. Custom plugin not appearing
  85. Gutenberg’s Popover component position relative to the focused element
  86. How can i add insertion point between inner blocks in my custom block like core blocks
  87. Render raw html in Gutenberg block
  88. Build a dynamic block using the default attributes
  89. Help interpreting @wordpress/create-block-tutorial-template usage error
  90. Add custom data-attribute to core Gutenberg block within an template
  91. How can I add a custom button to the post editor?
  92. How to replace content of a block in and re-render on change?
  93. extending a core block doesn’t work inside the editor
  94. Block Development: hamburger module throwing error in save function
  95. Adding a navigation with wp_nav_menu() to a custom block in the site editor
  96. Why isn’t custom sidebar panel not showing up in the Gutenberg Editor?
  97. REST API error in block editor for custom templates
  98. Reinitiate Gutenburg’s blocks using javascript
  99. Remove Gutenberg Buttons Block
  100. Set srcset on a block image
tech