Error loading block: Response is not a valid JSON response

Resolved Dominik Kozmáli
(@dominokozmali)

12 months ago
Hi,

For a few weeks, in edit mode on a page with an embedded podcast with your plugin, I’ve been getting this error message with your plugin: Error loading block: Response is not a valid JSON response.

Screenshot: https://imgur.com/a/CcQPeEb

Even though the plugin settings are still functional – screenshot: https://imgur.com/a/UmRSc3w

However, when I insert a new clean podcast player into the page and don’t fill in the url with a podcast, the plugin displays normally.

Screenshot: https://imgur.com/a/ikR0xb1

When browsing the page, the plugin behaves fine. I created a test page with your podcast player plugin and insert some podcast: https://www.kozmali.sk/testovacia-stranka/

I first tried to find the problem myself, so I performed the following steps:
- I updated the theme
- I updated all plugins and checked their correct functionality and whether they affected anything on the site
- I disabled all plugins and tested whether they were causing a problem for your plugin, but unfortunately, even with all plugins disabled, the error message was still displayed in your plugin: Error loading block: Response is not a valid JSON response in edit mode
- I disabled and enabled your plugin
- I saved the .htcacces again
However, none of this steps helped to solve the problem and the error message is still displayed.

Can you please take a look at this, where the problem could be, please?

Thank you very much for your help.

Best regards
Dominik Kozmáli

The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

Plugin Author

(@vedathemes)

I tried to display your podcast on my test website and it is working normal. There seems to be some site specific issue. Can you provide console error messages on the editor page,

Go to Block Editor page
Right-click anywhere on the page and choose “Inspect” or press Ctrl + Shift + I (or Cmd + Option + I on Mac) to open the browser developer tools.
Go to the Console tab.
Try to reproduce the error (e.g., reload the page or do whatever triggers it).
Take a screenshot of any errors or red messages that appear in the console.

Inform me for any more help or clarification.

Thread Starter

Dominik Kozmáli

(@dominokozmali)

12 months ago

Hi @vedathemes thank you for your quick response and prompt effort to solve the problem :)!

Of course, if you like, I’ll send you screenshots and full text of the error messages in the console.

Screenshots: https://imgur.com/a/rWznxzW

Console text:

       GET https://www.kozmali.sk/wp-json/wp/v2/block-renderer/podcast-player/podcast-player?context=edit&attributes%5BfeedURL%5D=https%3A%2F%2Fwww.omnycontent.com%2Fd%2Fplaylist%2F67682ce6-d1e9-437d-bd7e-b12201270fe1%2F2fc0ef37-0584-4b64-8595-b12300acd689%2Fbb99976e-46e9-45eb-9734-b12300acd6bd%2Fpodcast.rss&attributes%5BsortBy%5D=sort_date_desc&attributes%5BfilterBy%5D=&attributes%5Bnumber%5D=10&attributes%5BnoScroll%5D=false&attributes%5Boffset%5D=0&attributes%5BteaserText%5D=&attributes%5BexcerptLength%5D=18&attributes%5BexcerptUnit%5D=&attributes%5BgridColumns%5D=3&attributes%5BpodcastMenu%5D=&attributes%5BmainMenuItems%5D=0&attributes%5BaspectRatio%5D=squr&attributes%5BcropMethod%5D=centercrop&attributes%5BcoverImage%5D=&attributes%5Bdescription%5D=&attributes%5BaccentColor%5D=&attributes%5BdisplayStyle%5D=&attributes%5BfetchMethod%5D=feed&attributes%5BpostType%5D=post&attributes%5Btaxonomy%5D=&attributes%5Bpodtitle%5D=&attributes%5BaudioSrc%5D=&attributes%5BaudioTitle%5D=&attributes%5BaudioLink%5D=&attributes%5BheaderDefault%5D=false&attributes%5BlistDefault%5D=false&attributes%5BhideHeader%5D=false&attributes%5BhideTitle%5D=false&attributes%5BhideCover%5D=false&attributes%5BhideDesc%5D=false&attributes%5BhideSubscribe%5D=false&attributes%5BhideSearch%5D=false&attributes%5BhideAuthor%5D=false&attributes%5BhideContent%5D=false&attributes%5BhideLoadmore%5D=false&attributes%5BhideDownload%5D=false&attributes%5BahideDownload%5D=false&attributes%5BhideSocial%5D=false&attributes%5BhideFeatured%5D=false&attributes%5BahideSocial%5D=false&attributes%5BaudioMsg%5D=&attributes%5BplayFreq%5D=0&attributes%5BmsgStart%5D=start&attributes%5BmsgTime%5D%5B0%5D=0&attributes%5BmsgTime%5D%5B1%5D=0&attributes%5BmsgTime%5D%5B2%5D=0&attributes%5BmsgText%5D=Episode%20will%20play%20after%20this%20message.&attributes%5BfeedBack%5D=false&attributes%5BshowFormTime%5D=60&attributes%5BfeedbackText%5D=Are%20you%20enjoying%20this%20episode%3F&attributes%5BpositiveText%5D=Thanks%20for%20your%20feedback.&attributes%5BpositiveUrl%5D=&attributes%5BnegativeText%5D=Sorry%20you%20did%20not%20like%20it.%20Please%20share%20your%20feedback%20to%20help%20us%20improve.&attributes%5BnegativeForm%5D=true&attributes%5BfontFamily%5D=Default&attributes%5BbgColor%5D=&attributes%5BtxtColor%5D=&attributes%5Bseasons%5D=&attributes%5Bepisodes%5D=&attributes%5BappleSub%5D=&attributes%5BgoogleSub%5D=&attributes%5BspotifySub%5D=&attributes%5BbreakerSub%5D=&attributes%5BcastboxSub%5D=&attributes%5BcastroSub%5D=&attributes%5BiheartSub%5D=&attributes%5BamazonSub%5D=&attributes%5BovercastSub%5D=&attributes%5BpocketcastsSub%5D=&attributes%5BpodcastaddictSub%5D=&attributes%5BpodchaserSub%5D=&attributes%5BradiopublicSub%5D=&attributes%5BsoundcloudSub%5D=&attributes%5BstitcherSub%5D=&attributes%5BtuneinSub%5D=&attributes%5ByoutubeSub%5D=&attributes%5BbullhornSub%5D=&attributes%5BpodbeanSub%5D=&attributes%5BplayerfmSub%5D=&attributes%5Belist%5D%5B0%5D=&attributes%5Bedisplay%5D=&attributes%5Bslist%5D%5B0%5D=&attributes%5Bcatlist%5D%5B0%5D=&attributes%5BhasCustomCSS%5D=false&post_id=25339&_locale=user 403 (Forbidden)

A @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
h @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
o @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
o @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
t @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
g @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymné) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
O @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
T @ server-side-render.min.js?ver=1e0f25c205ebeb30bcd2:2
(anonymné) @ server-side-render.min.js?ver=1e0f25c205ebeb30bcd2:2
Ur @ react-dom.min.js?ver=18.3.1.1:10
El @ react-dom.min.js?ver=18.3.1.1:10
(anonymné) @ react-dom.min.js?ver=18.3.1.1:10
xl @ react-dom.min.js?ver=18.3.1.1:10
fl @ react-dom.min.js?ver=18.3.1.1:10
Nn @ react-dom.min.js?ver=18.3.1.1:10
(anonymné) @ react-dom.min.js?ver=18.3.1.1:10
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 wp.editPost.PluginSidebarMoreMenuItem is deprecated since version 6.6. Please use wp.editor.PluginSidebarMoreMenuItem instead.
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
Ht @ edit-post.min.js?ver=5a5c5b7ad8a2b07e5161:2
Kt @ edit-post.min.js?ver=5a5c5b7ad8a2b07e5161:2
ht @ react-dom.min.js?ver=18.3.1.1:10
Qs @ react-dom.min.js?ver=18.3.1.1:10
wl @ react-dom.min.js?ver=18.3.1.1:10
bl @ react-dom.min.js?ver=18.3.1.1:10
yl @ react-dom.min.js?ver=18.3.1.1:10
ol @ react-dom.min.js?ver=18.3.1.1:10
v @ react.min.js?ver=18.3.1.1:10
fe @ react.min.js?ver=18.3.1.1:10
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 Bottom margin styles for wp.components.SelectControl is deprecated since version 6.7 and will be removed in version 7.0. Note: Set the __nextHasNoMarginBottom prop to true to start opting into the new styles, which will become the default in a future version.
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
(anonymné) @ components.min.js?ver=fe486283a957ca5ed7c6:26
ht @ react-dom.min.js?ver=18.3.1.1:10
Qs @ react-dom.min.js?ver=18.3.1.1:10
wl @ react-dom.min.js?ver=18.3.1.1:10
bl @ react-dom.min.js?ver=18.3.1.1:10
yl @ react-dom.min.js?ver=18.3.1.1:10
ol @ react-dom.min.js?ver=18.3.1.1:10
v @ react.min.js?ver=18.3.1.1:10
fe @ react.min.js?ver=18.3.1.1:10
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 Using Toolbar without label prop is deprecated since version 5.6. Please use ToolbarGroup component instead. See: https://developer.wordpress.org/block-editor/components/toolbar/
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
(anonymné) @ components.min.js?ver=fe486283a957ca5ed7c6:33
ht @ react-dom.min.js?ver=18.3.1.1:10
dr @ react-dom.min.js?ver=18.3.1.1:10
Qs @ react-dom.min.js?ver=18.3.1.1:10
wl @ react-dom.min.js?ver=18.3.1.1:10
bl @ react-dom.min.js?ver=18.3.1.1:10
yl @ react-dom.min.js?ver=18.3.1.1:10
fl @ react-dom.min.js?ver=18.3.1.1:10
Nn @ react-dom.min.js?ver=18.3.1.1:10
(anonymné) @ react-dom.min.js?ver=18.3.1.1:10
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 wp.editor.PanelColorSettings is deprecated since version 5.3 and will be removed in version 6.2. Please use wp.blockEditor.PanelColorSettings instead.
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
(anonymné) @ editor.min.js?ver=355cd3c434489d8e5a6b:14
ht @ react-dom.min.js?ver=18.3.1.1:10
dr @ react-dom.min.js?ver=18.3.1.1:10
Qs @ react-dom.min.js?ver=18.3.1.1:10
wl @ react-dom.min.js?ver=18.3.1.1:10
bl @ react-dom.min.js?ver=18.3.1.1:10
yl @ react-dom.min.js?ver=18.3.1.1:10
fl @ react-dom.min.js?ver=18.3.1.1:10
Nn @ react-dom.min.js?ver=18.3.1.1:10
(anonymné) @ react-dom.min.js?ver=18.3.1.1:10
main.js?ver=5.2.7:2 Uncaught TypeError: Cannot read properties of null (reading 'contains')
at HTMLDocument. (main.js?ver=5.2.7:2:5188)
(anonymné) @ main.js?ver=5.2.7:2

If there is anything else I need to provide I am fully available 🙂
Thank you.

Dominik

Thread Starter

Dominik Kozmáli

(@dominokozmali)

12 months ago

This reply was modified 12 months ago by Dominik Kozmáli.
This reply was modified 12 months ago by Dominik Kozmáli.

Plugin Author

Veda

(@vedathemes)

12 months ago

Hi @dominokozmali,

Thanks for sharing the information. It is really helpful to identify the issue.

There is some strange text at the end of the GET request,

hasCustomCSS%5D=false&post_id=25339&_locale=user 403 (Forbidden)

This clearly not part of the podcast player. There is some other plugin or theme is adding these parameters to the podcast player block. Did you disabled all the plugins while testing? Also, can you please check with some other theme (only for the testing purpose).

Thanks,

Thread Starter

Dominik Kozmáli

(@dominokozmali)

12 months ago

Hi @vedathemes

so now I switched to the default theme twentytwentyfive and disabled all plugins except yours and the console only shows these errors – screenshot: https://imgur.com/a/kBj491h

But still the element of your plugin is displayed in the edit block with an error.

Here is the text transcript of the console:

JQMIGRATE: Migrate is installed, version 3.4.1

     Chrome is moving towards a new experience that allows users to choose to browse without third-party cookies.

deprecated.min.js?ver=e1f84915c5e8ae38964c:2 Bottom margin styles for wp.components.TextControl is deprecated since version 6.7 and will be removed in version 7.0. Note: Set the __nextHasNoMarginBottom prop to true to start opting into the new styles, which will become the default in a future version.
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
(anonymous) @ components.min.js?ver=fe486283a957ca5ed7c6:26
ht @ react-dom.min.js?ver=18.3.1.1:10
Qs @ react-dom.min.js?ver=18.3.1.1:10
wl @ react-dom.min.js?ver=18.3.1.1:10
bl @ react-dom.min.js?ver=18.3.1.1:10
yl @ react-dom.min.js?ver=18.3.1.1:10
fl @ react-dom.min.js?ver=18.3.1.1:10
Nn @ react-dom.min.js?ver=18.3.1.1:10
(anonymous) @ react-dom.min.js?ver=18.3.1.1:10
api-fetch.min.js?ver=d387b816bc1ed2042e28:2

       GET https://www.kozmali.sk/wp-json/wp/v2/block-renderer/podcast-player/podcast-player?context=edit&attributes%5BfeedURL%5D=https%3A%2F%2Fwww.omnycontent.com%2Fd%2Fplaylist%2F67682ce6-d1e9-437d-bd7e-b12201270fe1%2F2fc0ef37-0584-4b64-8595-b12300acd689%2Fbb99976e-46e9-45eb-9734-b12300acd6bd%2Fpodcast.rss&attributes%5BsortBy%5D=sort_date_desc&attributes%5BfilterBy%5D=&attributes%5Bnumber%5D=10&attributes%5BnoScroll%5D=false&attributes%5Boffset%5D=0&attributes%5BteaserText%5D=&attributes%5BexcerptLength%5D=18&attributes%5BexcerptUnit%5D=&attributes%5BgridColumns%5D=3&attributes%5BpodcastMenu%5D=&attributes%5BmainMenuItems%5D=0&attributes%5BaspectRatio%5D=squr&attributes%5BcropMethod%5D=centercrop&attributes%5BcoverImage%5D=&attributes%5Bdescription%5D=&attributes%5BaccentColor%5D=&attributes%5BdisplayStyle%5D=&attributes%5BfetchMethod%5D=feed&attributes%5BpostType%5D=post&attributes%5Btaxonomy%5D=&attributes%5Bpodtitle%5D=&attributes%5BaudioSrc%5D=&attributes%5BaudioTitle%5D=&attributes%5BaudioLink%5D=&attributes%5BheaderDefault%5D=false&attributes%5BlistDefault%5D=false&attributes%5BhideHeader%5D=false&attributes%5BhideTitle%5D=false&attributes%5BhideCover%5D=false&attributes%5BhideDesc%5D=false&attributes%5BhideSubscribe%5D=false&attributes%5BhideSearch%5D=false&attributes%5BhideAuthor%5D=false&attributes%5BhideContent%5D=false&attributes%5BhideLoadmore%5D=false&attributes%5BhideDownload%5D=false&attributes%5BahideDownload%5D=false&attributes%5BhideSocial%5D=false&attributes%5BhideFeatured%5D=false&attributes%5BahideSocial%5D=false&attributes%5BaudioMsg%5D=&attributes%5BplayFreq%5D=0&attributes%5BmsgStart%5D=start&attributes%5BmsgTime%5D%5B0%5D=0&attributes%5BmsgTime%5D%5B1%5D=0&attributes%5BmsgTime%5D%5B2%5D=0&attributes%5BmsgText%5D=Episode%20will%20play%20after%20this%20message.&attributes%5BfeedBack%5D=false&attributes%5BshowFormTime%5D=60&attributes%5BfeedbackText%5D=Are%20you%20enjoying%20this%20episode%3F&attributes%5BpositiveText%5D=Thanks%20for%20your%20feedback.&attributes%5BpositiveUrl%5D=&attributes%5BnegativeText%5D=Sorry%20you%20did%20not%20like%20it.%20Please%20share%20your%20feedback%20to%20help%20us%20improve.&attributes%5BnegativeForm%5D=true&attributes%5BfontFamily%5D=Default&attributes%5BbgColor%5D=&attributes%5BtxtColor%5D=&attributes%5Bseasons%5D=&attributes%5Bepisodes%5D=&attributes%5BappleSub%5D=&attributes%5BgoogleSub%5D=&attributes%5BspotifySub%5D=&attributes%5BbreakerSub%5D=&attributes%5BcastboxSub%5D=&attributes%5BcastroSub%5D=&attributes%5BiheartSub%5D=&attributes%5BamazonSub%5D=&attributes%5BovercastSub%5D=&attributes%5BpocketcastsSub%5D=&attributes%5BpodcastaddictSub%5D=&attributes%5BpodchaserSub%5D=&attributes%5BradiopublicSub%5D=&attributes%5BsoundcloudSub%5D=&attributes%5BstitcherSub%5D=&attributes%5BtuneinSub%5D=&attributes%5ByoutubeSub%5D=&attributes%5BbullhornSub%5D=&attributes%5BpodbeanSub%5D=&attributes%5BplayerfmSub%5D=&attributes%5Belist%5D%5B0%5D=&attributes%5Bedisplay%5D=&attributes%5Bslist%5D%5B0%5D=&attributes%5Bcatlist%5D%5B0%5D=&post_id=25339&_locale=user 403 (Forbidden)


A @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
h @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
o @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
o @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
t @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
g @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
(anonymous) @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
O @ api-fetch.min.js?ver=d387b816bc1ed2042e28:2
T @ server-side-render.min.js?ver=1e0f25c205ebeb30bcd2:2
(anonymous) @ server-side-render.min.js?ver=1e0f25c205ebeb30bcd2:2
Ur @ react-dom.min.js?ver=18.3.1.1:10
El @ react-dom.min.js?ver=18.3.1.1:10
(anonymous) @ react-dom.min.js?ver=18.3.1.1:10
xl @ react-dom.min.js?ver=18.3.1.1:10
fl @ react-dom.min.js?ver=18.3.1.1:10
Nn @ react-dom.min.js?ver=18.3.1.1:10
(anonymous) @ react-dom.min.js?ver=18.3.1.1:10
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 Bottom margin styles for wp.components.SelectControl is deprecated since version 6.7 and will be removed in version 7.0. Note: Set the __nextHasNoMarginBottom prop to true to start opting into the new styles, which will become the default in a future version.
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
(anonymous) @ components.min.js?ver=fe486283a957ca5ed7c6:26
ht @ react-dom.min.js?ver=18.3.1.1:10
Qs @ react-dom.min.js?ver=18.3.1.1:10
wl @ react-dom.min.js?ver=18.3.1.1:10
bl @ react-dom.min.js?ver=18.3.1.1:10
yl @ react-dom.min.js?ver=18.3.1.1:10
ol @ react-dom.min.js?ver=18.3.1.1:10
v @ react.min.js?ver=18.3.1.1:10
fe @ react.min.js?ver=18.3.1.1:10
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 Using Toolbar without label prop is deprecated since version 5.6. Please use ToolbarGroup component instead. See: https://developer.wordpress.org/block-editor/components/toolbar/
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
(anonymous) @ components.min.js?ver=fe486283a957ca5ed7c6:33
ht @ react-dom.min.js?ver=18.3.1.1:10
dr @ react-dom.min.js?ver=18.3.1.1:10
Qs @ react-dom.min.js?ver=18.3.1.1:10
wl @ react-dom.min.js?ver=18.3.1.1:10
bl @ react-dom.min.js?ver=18.3.1.1:10
yl @ react-dom.min.js?ver=18.3.1.1:10
fl @ react-dom.min.js?ver=18.3.1.1:10
Nn @ react-dom.min.js?ver=18.3.1.1:10
(anonymous) @ react-dom.min.js?ver=18.3.1.1:10
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 wp.editor.PanelColorSettings is deprecated since version 5.3 and will be removed in version 6.2. Please use wp.blockEditor.PanelColorSettings instead.

This is what the page looks like live now:
https://www.kozmali.sk/testovacia-stranka/

Plugin Author

Veda

(@vedathemes)

12 months ago

That’s strange. Can you please contact me on contact@easypodcastpro.com ? I might need temporary backend access to check where is the issue? Just refer this support ticket in the email. We will take up from there.

Thanks,

Plugin Author

Veda

(@vedathemes)

12 months ago

Hi @dominokozmali

This issue has been resolved. Therefore, I am closing this ticket. Feel free to comment on this ticket or create a new ticket for any more help.

For anyone else having the same issue, the website host’s aggressive mod-security settings were the reason for this.

Thanks,

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Error loading block: Response is not a valid JSON response’ is closed to new replies.