首页 > 解决方案 > 使用 Blazor给出警告:元素 'option' 不能嵌套在元素 'p' 内

问题描述

我正在尝试遵循 Microsoft 网站上的模式:https ://docs.microsoft.com/en-us/aspnet/core/blazor/forms-validation?view=aspnetcore-3.0 这是他们的代码片段......

<p>
        <label for="classification">Primary Classification: </label>
        <InputSelect id="classification" @bind-Value="@starship.Classification">
            <option value="">Select classification ...</option>
            <option value="Defense">Defense</option>
            <option value="Exploration">Exploration</option>
            <option value="Diplomacy">Diplomacy</option>
        </InputSelect>
</p>

我在每个“选项”标签上都收到一条警告,说它们不能嵌套在元素“p”内。他们上面的例子给出了同样的警告:p

如何消除该警告?我正在使用 VS Pro 2019 Ver 16.2.0 Preview 3.0 更新于 2019 年 6 月 26 日。他们的示例来自 2019 年 6 月 13 日,所以也是最近的。

他们的示例也是一个 .cshtml 文件,但我看到的大多数示例都使用 .razor 扩展名。我尝试将我的更改为 .cshtml 并得到相同的警告。我应该使用哪个或没关系?

标签: c#htmlblazor

解决方案


这是一个您应该忽略的已知问题...请参阅:https ://github.com/aspnet/AspNetCore/issues/8166

查看项目中的 .g.cs 文件,并查看编译器是否正确创建了渲染树。也许问题出在那儿……

希望这可以帮助...


推荐阅读