Failed to load because no supported source was found.

[Abhishek Vrutti Tech]

I am trying to learn Blockly and how to integrate it with React. I took the exact code from the Blockly repo example -> blockly-react. Whenever I try to remove any block by dragging it to the toolbox area or dropping it in Trash can, it throws an error saying:   Failed to load because no supported source was found.

Please Can anyone help me to resolve the issue?

[Neil Fraser]

This appears to be an issue with your browser attempting to play the delete sound and not being able to for some reason.  Can you confirm if the click sound plays when you connect two blocks?

Am Mi., 2. Aug. 2023 um 06:16 Uhr schrieb Abhishek Vrutti Tech <abhi.vr...@gmail.com>:

I am trying to learn Blockly and how to integrate it with React. I took the exact code from the Blockly repo example -> blockly-react. Whenever I try to remove any block by dragging it to the toolbox area or dropping it in Trash can, it throws an error saying:   Failed to load because no supported source was found.

Please Can anyone help me to resolve the issue?

--
You received this message because you are subscribed to the Google Groups "Blockly" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/blockly/19fd850e-9800-427a-a9fe-f666a5f3ccc9n%40googlegroups.com.

--

Neil Fraser, Switzerland
https://neil.fraser.name

[Abhishek Vrutti Tech]

I tried to check for the click sound of two blocks connecting, but now I am getting the same error for connecting the blocks.

This is code file: https://drive.google.com/file/d/1X1hNut2qsClwzRvE90Dsk9-FU9hPKdlm/view?usp=sharing

[Neil Fraser]

Good info, that means all sounds are broken.  At least it's a consistent state (rather than one sound working and the other not).

The first thing I'd check for is that you can access the click sounds directly in the media path of your application.  For example:

https://blockly-demo.appspot.com/static/media/delete.mp3

(But of course use your own application, not blockly-demo.)

I'd assume that if the sound files can't be loaded, then it would show up as a 404 in the console, and not a 'supported source' error.  Nonetheless, it's the first thing to check.

The second thing I'd try is loading it in Firefox.  The error you quoted appears to be from Chromium, so getting a second opinion would help determine if it's specific to the browser, or something more general.

Third, I'd look at the network tab in your browser's console.  Is it ever attempting to load the sounds?

I'm not familiar with React, so I don't know if there are additional complications when playing sounds.  Maybe someone else can chime in with that.  All Blockly is doing is calling 'play()' on the sound.

To view this discussion on the web visit https://groups.google.com/d/msgid/blockly/a10a0412-21a2-4ddc-94e6-423048a7f33dn%40googlegroups.com.

[Mike Harvey]

I ran into this same problem last week. In case it's helpful, I was able to resolve it by running `yarn build`. 

Per Neil's advice above, I first checked that the sound files existed as expected in the media path of my application. They did seem to exist, but the files weren't playable. They also showed up in the network tab of my browser.

[Aaron Dodson]

Hi all,

I believe this is https://github.com/google/blockly/pull/8706 – tl;dr there was a behavior change in gulp that corrupted the media files in 11.2. I'll talk with the team and see if we can get a point release out soon. Sorry for the trouble!

- Aaron

[Aaron Dodson]

To follow up on this, we've released 11.2.1 which should resolve this issue.

- Aaron