JS files being duplicated

[Sharafudeen]

Hi,

Why are JS files being duplicated when an error occurs? Any idea?

Rendered Page:

Browser Console:

Resources Declaration:

[sbwalker]

@Sharafudeen please watch this video which explains JavaScript behavior in Static Blazor:

https://www.youtube.com/watch?v=SNzAHzXyqiI

It explains that script tags are ignored in enhanced navigation, so the BlazorScriptReload recreates the script elements in the head so that they will be executed.

[Sharafudeen]

@sbwalker

In the Oqtane server project, the following script is already added in the App.razor file:
<page-script src="./js/reload.js?v=@_fingerprint"></page-script>

I've specified DataAttributes = new Dictionary<string, string>() { { "data-reload", "always" } } in the Resources declaration, which resolved some issues. However, there are still some dependency-related challenges with the ordering of JS files.

[sbwalker]

@Sharafudeen you are correct - the BlazorScriptReload is already included in the Oqtane Framework using the <page-script> approach. The BlazorScriptReload recreates script elements in the head so that they will be executed - which is why you are seeing JS files deuplicated when you look at source in the browser tools. This is not an issue. Please note that BlazorScriptReload does not solve every JavaScript challenge when it comes to Static Blazor - if you are still experiencing challenges because you are trying to register a lot of JavaScript dependencies, you may need to create your own custom solution.