Magento 2 - Debug UI Component (showing spinner) #magento2 #uicomponent

magento2_debug_ui_component.js

// https://magento.stackexchange.com/questions/310578/how-to-debug-ui-component-only-showing-spinner
// https://devdocs.magento.com/guides/v2.4/javascript-dev-guide/javascript/js_logger.html

require(['Magento_Ui/js/lib/logger/console-logger', 
   'Magento_Ui/js/lib/logger/levels-pool'], 
           function(logger, levels) { 
                logger.setDisplayLevel(5) // 2 = WARN 5 = ALL, see levels-pool.js
           }
);

Level list

Some ressources:

• Install Page Builder Examples | Magento 2 Developer Documentation
  • missing in the How-Tos list: https://github.com/magento/magento2-page-builder-docs/blob/master/docs/how-to/how-to-create-container-content-type.md
  • magento-devdocs/pagebuilder-examples
• Scaffolding CLI for Page Builder modules
• https://github.com/magento-devdocs?q=Page+Builder

Debug in preview.html

<pre data-bind="text: console.log(data)"></pre>
<pre data-bind="text: console.log($data)"></pre>
<textarea name="debugger" cols="120" rows="10" data-bind="value: ko.toJSON(data)"></textarea>