Blazor项目中Blazored-Toast组件无法正常显示求助

核心问题：缺少服务注入 #

你的MyStuff.Razor组件直接调用了ToastService.ShowSuccess，但没有注入IBlazoredToastService实例。Blazor依赖注入需要显式声明才能使用服务，这是Toast不显示的最关键原因。

修复步骤 #

1. 在MyStuff.Razor顶部添加注入声明：

@inject IBlazoredToastService ToastService

（注：_Imports.razor已包含Blazored.Toast.Services命名空间，组件内重复引用可以删掉）

2. 修正按钮点击事件的字符串转义问题（Razor中直接用双引号即可，无需转义）：

<button class="btn btn-success" @onclick="@(() => ToastService.ShowSuccess("I'm a message trying to show Toast"))">Success Toast</button>

其他排查方向 #

• Timeout参数验证：BlazoredToasts的Timeout单位是秒，你设置的10表示10秒后自动关闭，属于正常范围；如果设置过小（比如1）可能导致Toast一闪而过。
• 布局渲染范围：确认MainLayout.Razor是所有页面的默认布局，BlazoredToasts必须在组件树根级别（如布局中）才能全局生效，检查页面是否指定了其他布局。
• 缓存干扰：页面启用了[OutputCache(Duration = 5)]，缓存可能导致组件状态不更新，可暂时注释该属性测试Toast是否正常显示，后续再调整缓存策略。
• 样式加载检查：在浏览器开发者工具的Elements面板搜索.blazored-toast，确认Toast元素是否存在（可能因样式问题隐藏）；若元素存在但不可见，检查blazored-toast.min.css是否正确加载。

验证修复 #

完成注入后，点击按钮应能正常显示右上角的Success Toast。若仍无效果，打开浏览器Console面板查看是否有隐藏的JavaScript错误（静默错误可能阻止组件渲染）。

内容的提问来源于stack exchange，提问作者Age of Empires