使用 Ant Design of Blazor遇到的一个问题

最新推荐文章于 2024-08-13 08:33:57 发布
最新推荐文章于 2024-08-13 08:33:57 发布
阅读量3.7k 收藏
点赞数 6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38436796/article/details/106938733
版权

在创建Ant Design of Blazor的时候，遇到一个问题，在app.razor添加

<AntContainer />

之后，运行的的时候报错。 crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100] Unhandled exception rendering component: Cannot provide a value for property 'NotificationService' on type 'AntDesign.Notification'. There is no registered service of type 'AntDesign.NotificationService'. System.InvalidOperationException: Cannot provide a value for property 'NotificationService' on type 'AntDesign.Notification'. There is no registered service of type 'AntDesign.NotificationService'.

因为我创建的项目是

所以应该把Service.AddAntDesign();写在program.cs里面，而不是写在startup.cs里面

 因为hosted的模板项目，是blazor wasm的。blazor是server side，就注册到hostbuilder上的service，如果是wasm，就注册在webassemblybuilder上。感谢James的解答。

千金少
关注
Ant Design of Blazor 教程 从0-1搭建 4.组件使用
千金少的博客
04-13 1499
1.组件使用 上一章教程中，我已经完成Pro项目的搭建，接下来将以这个项目为原型，做一个简单的页面让大家熟悉组件的使用。 下面是效果图 实现代码 @using System.Text.Json @using AntDesign.TableModels @page "/" <PageContainer Title="表格查询"> <Card> <Descriptions Title="Search Menu">
【Blazor之关于组件库Ant Design of Blazor组件样式的修改】
weixin_48464854的博客
11-14 1748
Blazor之关于组件库Ant Design of Blazor组件样式的修改
Electron.net + Ant design Blazor使用 electronize start 报错无法启动
菜鸟爱飞不飞的博客
02-04 643
原因： Ant design Blazor 默认利用gulp:pro启动，与electron冲突 解决方法： 将项目.csproj文件中的红框标记的配置删掉即可
Blazor Server中为Razor组件添加CSS隔离文件，样式不生效
菜鸟爱飞不飞的博客
02-05 6109
前言 Razor组件添加CSS隔离应当是使用最为简单，也是使用最为方便的一种CSS隔离方式。实现Razor组件间CSS隔离非常简单，只需要在组件所在的目录下建立同名的.razor.css文件即可——若文件夹A下存在名为Component.razor的组件，则只需要在文件夹A下建立Component.razor.css，即可实现为Component.razor组件设置单独的样式而不影响其他组件。组件CSS文件（Component.razor.css）将会被生成为“项目名.styles.css”的文件，在.N
Ant Design Blazor 使用教程
最新发布
gitblog_00079的博客
08-13 975
Ant Design Blazor 使用教程 ant-design-blazor????A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly.项目地址:https://gitcode.com/gh_mirrors/an/ant-design-blazor 项目介绍 Ant Design Bl...
AntDesignPro踩坑日记——PageContainer页容器底部按钮靠左排版
qq_38417192的博客
05-16 1183
记录一些日常踩坑填坑的心酸历程
【React】Ant Design报错
SZnAl的博客
03-22 1038
在react中使用ant design引入组件的时候，样式已经正常，但控制台中还是出现了报错 出现这种报错的原因是：引入的const代码位置不正确 错误代码如下： import React from 'react' import { Layout} from 'antd'; //在这里引入就会出现上面的报错 const {Content } = Layout; import Ll from '../components/leftlist.jsx' import Rt from '.
一套基于 Ant Design 和 Blazor 的企业级组件库
05-01
一套基于 Ant Design 和 Blazor 的企业级组件库 。 提炼自企业级中后台产品的交互语言和视觉风格。开箱即用的高质量 Blazor 组件，可在多种托管方式共享。支持基于 WebAssembly 的前端和基于 SignalR 的服务端 UI ...
ant-design-blazor：:rainbow:基于Ant Design和Blazor WebAssembly的一组企业级UI组件
02-03
一组基于Ant Design和Blazor的企业级UI组件。 English | :sparkles: 产品特点 :rainbow: 专为Web应用程序设计的企业级UI。 :package: 开箱即用的一组高质量Blazor组件。 :two_hearts: 支持基于WebAssembly的...
Ant Design of Blazor 教程 从0-1搭建 1.工具篇
千金少的博客
09-16 4141
1.Blazor及AntBlazor Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架： 使用 C# 代替 JavaScript 来创建丰富的交互式 UI。 共享使用 .NET 编写的服务器端和客户端应用逻辑。 将 UI 呈现为 HTML 和 CSS，以支持众多浏览器，其中包括移动浏览器。 与新式托管平台（如 Docker）集成。 使用 .NET 进行客户端 Web 开发可提供以下优势： 使用 C# 代替 JavaScript 来编写代码。 利用现有的 .NET 库生
Castle.Core.WebAssembly.Bug:可重现的错误
03-14
Castle.Core.WebAssembly.Bug Blazor WebAssembly中出现的错误（单运行时）。 请参阅Pages / Index.razor。 堆栈跟踪： crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100] Unhandled exception rendering component: The method or operation is not implemented. System.NotImplementedException: The method or operation is not implemented. at System.RuntimeType.MakeGenericType(Type[] instant
System.InvalidOperationException: 无效的操作。OracleDataReader 已关闭。
西夏兵马俑的博客
12-13 1105
ERROR System.InvalidOperationException: 无效的操作。OracleDataReader 已关闭。
如何将Blazor WebAssembly集成到现有的ASP.NET Core Web应用程序中
寒冰屋的专栏
11-15 382
了解如何使用熟悉的C#代码文件和Razor语法实现Web UI，将Blazor WebAssembly项目集成到现有的ASP.NET Core Web应用程序中。 当你想到为交互式Web开发用户界面时，你的想法可能会立即转向JavaScript。因此，对于许多C#开发人员来说，这意味着学习一种全新编程语言的来龙去脉。
Unhandled Exception: NoSuchMethodError: The method 'ancestorStateOfType' was called on null.
热门推荐
perfectnihil的博客
07-22 1万+
Unhandled Exception: NoSuchMethodError: The method 'ancestorStateOfType' was called on null. 通常是由于传入的buildContext为空导致的。
Multipart/form-data POST文件上传详解
luotuoass
10-09 8437
Multipart/form-data POST文件上传详解 理论 简单的HTTP POST 大家通过HTTP向服务器发送POST请求提交数据，都是通过form表单提交的，代码如下： &lt;form method="post"action="http://w.sohu.com" &gt; &lt;inputtype="text" name="txt1"&gt; &lt;i
System.InvalidOperationException:“实例失败。”求大佬解决
SertraLine的博客
11-15 7838
字符串： <add key="connString" value="server=WIN-9V3VR725JP4\\SQLEXPRESSWHH;database=WoQu;uid=sa;pwd=sa;" />
ant design of blazor
04-11
Blazor 的 b'ant 设计是指基于 Ant Design 的前端样式库来美化 Blazor 应用程序的界面设计。这种设计风格具有现代化、简约和美观的特点，同时也非常易于使用和维护。通过 b'ant 设计，Blazor 应用程序可以获得更好的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值