什么原因导致"Error: Microsoft.JSInterop.JSException: Could not find 'plotlyInterop.newPlot' ('plotlyInt

Question

我使用Plotly Blazor和服务器端Blazor。当我使用JS Interop:打开包含Plotly图的新窗口时

JSRuntime.InvokeVoidAsync("open", System.Threading.CancellationToken.None, $"/chart/{b}/{(int)readingType}", "_blank");

我得到一个错误：

Error: Microsoft.JSInterop.JSException: Could not find 'plotlyInterop.newPlot' ('plotlyInterop' was undefined).
Error: Could not find 'plotlyInterop.newPlot' ('plotlyInterop' was undefined).

据我所知，这个页面缺少javascript。我带头违反了内容安全政策，但这对我来说毫无意义。当我重新加载时，单击"刷新"按钮，页面将重新加载并正常工作。脚本已加载。

该问题仅发生在使用IISExpress作为Visual Studio 2022 17.3.6版本的服务器的开发环境中。当我在运行树莓派的Nginx上部署时，我不会得到这个错误。

如有任何关于如何解决这一问题的建议，我们将不胜感激。

Answer 1

有人指出@Nb777还没有准备好脚本。在我更改了_Layout.cshtml(.NET6(中的脚本顺序，以便在blazor.server.js之前调用Plotly之后，问题似乎消失了。

@RenderBody()
<script src="_content/Plotly.Blazor/plotly-latest.min.js" type="text/javascript"></script>
<script src="_content/Plotly.Blazor/plotly-interop.js" type="text/javascript"></script>
<script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
<script src="_framework/blazor.server.js"></script>

这与脚本的加载顺序或时间有关。