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. check if Gutenberg is currently in use
  2. How to use PanelColorSettings in custom Gutenberg block?
  3. Custom action button in Gutenberg editor (post_submitbox_misc_actions – equivalent)
  4. Managing two editable fields in gutenberg
  5. How to save block attributes when the output doesn’t change
  6. How to remove unwanted panels inside InspectorControls from core blocks in Gutenberg
  7. Gutenberg ServerSideRender is deprecated, how to work with new wp.serverSideRender component?
  8. lodash dependency in a Gutenberg plugin
  9. Create Element From Dynamic HTML String [closed]
  10. creating elements/innerblocks via rangecontrol
  11. How to Parse an Array of Elements in Gutenberg Block
  12. Using the component outside the editor. select(‘core’) is null
  13. Gutenberg is there a way to know if the current block is reusable?
  14. How to disable “Transform to” option in Gutenberg custom blocks
  15. How to allow core Gutenberg blocks selection only when you are inside a custom inner block
  16. Gutenberg registerFormatType with Multiple Classes
  17. Saving data from block editor to the database
  18. Gutenberg – What is the best way to save/update post meta?
  19. How to create multiple Gutenberg blocks in one plugin
  20. How to get color name in PanelColorSettings in custom Gutenberg block?
  21. Initial help with official “create a block” tutorial
  22. How do I dynamically render an InnerBlock inside a dynamic block?
  23. Gutenberg Block showing invalid content on edit
  24. Gutenberg blocks not getting styled on back end
  25. Is there an additional block.json property to set to get an InnerBlocks child to respect the “supports” property?
  26. How to setAttributes in Gutenberg block?
  27. Best way to save custom css for an block
  28. How to prevent UNDO on guternberg block editor
  29. How to override gutenberg paragraph block edit property
  30. How can I listen to events in Gutenberg block?
  31. It’s possible to passing a ref to FormTokenField from parent component using forwardRef?
  32. Do I have to worry about useState causing a re-render?
  33. What’s the right way to instantiate new blocks and/or the plugin itself in toto when using wppb architecture?
  34. WP Gutenberg Blocks – How to limit first/root blocks
  35. Creating a custom Gutenberg block with columns
  36. How to get boolean value from register_meta properly?
  37. How can I get the selected string when using a toolbar button in Gutenberg?
  38. Gutenberg: import dependency or assign from global variable?
  39. Gutenberg table block with Bootstrap .table class
  40. How to control an elements classes from multiple Gutenberg sidebar controls?
  41. How to add a gradient component to a custom block
  42. How to only load css for used blocks on frontend
  43. Additional classes `undefined` after saving post in Gutenberg
  44. How do you submit a Gutenberg plugin?
  45. Invalid hook call on save, not edit when using swiper slider
  46. Proper way to use useSelect
  47. How to add template colors to custom block options in WordPress Gutenberg editor sidebar?
  48. How to save post meta as an array in Gutenberg?
  49. How to properly package a block plugin
  50. Developing the save function in Gutenberg blocks
  51. WordPress Gutenberg InnerBlocks renderAppender not showing with template
  52. Modify custom block plugin without losing content
  53. Console errors in 6.0-RC1 Widget screen
  54. How to override supports of innerBlocks?
  55. How to use attributes in competent of Gutenberg
  56. When setting styles to an extended block that was saved as a pattern, it doesn’t remove the style that was there
  57. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  58. extraprops override existing props
  59. Trigger function on Remove block or add new block in Gutenberg JavaScript
  60. WPGut – Updating failed and shortcode?
  61. Rerender core Templates with with ToggleControl but it doesnt recognize block type
  62. Gutenberg – Call google map render function in save after DOM has been rendered
  63. Gutenberg block breaks when showing new data
  64. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  65. Is “document loaded” different on admin side than public side?
  66. How to re-render inspector controls?
  67. How to use setAttributes outside of the edit function return
  68. why is apiFetch throwing Unhandled Promise Rejection: TypeError: Object is not a function
  69. Where do I hook to have the server do something in PHP on block attribute change?
  70. Where to save Gutenberg plugin data?
  71. Gutenberg component in a plugin admin
  72. How to integrate plugins into block editor
  73. Add custom html classes to gutenberg wrapper
  74. How to get access the ID of all posts of custom post type in Gutenberg editor
  75. How to create save function for custom Gutenberg style block?
  76. Gutenberg and custom blocks messed up pagespeed score. What did I wrong?
  77. Gutenberg text field validation
  78. Undo operation not working in Rich text [Gutenberg]
  79. How can i add insertion point between inner blocks in my custom block like core blocks
  80. Render raw html in Gutenberg block
  81. Build a dynamic block using the default attributes
  82. Add custom data-attribute to core Gutenberg block within an template
  83. How to replace content of a block in and re-render on change?
  84. extending a core block doesn’t work inside the editor
  85. REST API error in block editor for custom templates
  86. Reinitiate Gutenburg’s blocks using javascript
  87. Set srcset on a block image
  88. Insert text programmatically in WordPress Gutenberg Editor
  89. Javascript function defined in view.js not reachable from save.js
  90. WordPress 6.6.1 – Trying to make a block but receive error, “! Cannot read property ‘then’ of undefined”
  91. Event when Modal is opened/visible
  92. Template locked block does not show appender
  93. Multiple php files in dynamic gutenberg block
  94. Access DOM Element in Gutenberg Block on WP Admin Post Edit Screen
  95. Custom Gutenberg Block ‘Stylized List’ – Incorrect Rendering and Looping of List Items
  96. Gutenberg Static blocks: viewScript doesn’t import css for frontend?
  97. Custom Gutenberg block with nested InnerBlocks renderAppender not displaying add button
  98. Attributes array not saving values
  99. how to include an image in the build of a multi block plugin
  100. Insert Button in to the Block Editor (Header) Toolbar