Block Editor: TypeError: Cannot read properties of undefined (reading 'domReady')

[pavel-sf]

Impacted plugin

Jetpack

Quick summary

It seems, that u find solution here, but I cant find D111593-code.
Automattic/wp-calypso#76936
Code with JS is located under the <footer>, but object of window.wp is undefined

Steps to reproduce

Launch site with custom template.

A clear and concise description of what you expected to happen.

No response

What actually happened

No response

Impact

One

Available workarounds?

No but the platform is still usable

Platform (Simple and/or Atomic)

No response

Logs or notes

view.js?m=1716233624:1 Uncaught TypeError: Cannot read properties of undefined (reading 'domReady')
    at 47701 (view.js?m=1716233624:1:1782)
    at r (view.js?m=1716233624:1:1889)
    at view.js?m=1716233624:1:2725
    at view.js?m=1716233624:1:4129
    at view.js?m=1716233624:1:4133

[jeherve]

Launch site with custom template.

Could you expand on this a little bit, so we can attempt to reproduce the issue?

• Does the error appear in the block editor, on the frontend, or on both?
• Does this error appear on all pages of your site, or on pages that use specific blocks?
• Do you have any other plugins installed on your site? Does the problem disappear when you deactivate a specific plugin?
• Is that custom template something we could install on a test site to attempt to reproduce the problem?

Thank you!

[anomiex]

The line and column numbers in the trace seem to match up with Jetpack 13.5's _inc/blocks/subscriptions/view.js.

I was able to reproduce something resembling this with the following steps:

1. Launch a fresh JN site, default settings.
2. Connect Jetpack (free plan is fine). Enable the Newsletter module.
3. Install and activate the Twenty Twenty theme.
4. Open the Customizer.
5. Add a Subscribe block in the footer. Don't publish.
6. Click the About link at the top of the page.

I suspect this bit of code

jetpack/projects/plugins/jetpack/class.jetpack-gutenberg.php

Lines 573 to 586 in 6752a34

	// If this is a customizer preview, enqueue the dependencies and render the script directly to the preview after autosave.
	// phpcs:ignore WordPress.Security.NonceVerification.Recommended
	if ( is_customize_preview() && ! empty( $_GET['customize_autosaved'] ) ) {
	// The Map block is dependent on wp-element, and it doesn't appear to to be possible to load
	// this dynamically into the customizer iframe currently.
	if ( 'map' === $type ) {
	echo '<div>' . esc_html_e( 'No map preview available. Publish and refresh to see this widget.', 'jetpack' ) . '</div>';
	echo '<script>';
	echo 'Array.from(document.getElementsByClassName(\'wp-block-jetpack-map\')).forEach(function(element){element.style.display = \'none\';})';
	echo '</script>';
	} else {
	echo '<script id="jetpack-block-' . esc_attr( $type ) . '" src="' . esc_attr( $view_script ) . '&amp;ver=' . esc_attr( $script_version ) . '"></script>';
	}
	}

it adds the block's view script manually, without adding any of its dependencies first.