问题标签 [asp.net-blazor]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1531 浏览

asp.net-core - 在单个 WASM 托管项目中运行两个 blazor WASM 应用程序

我正在使用 WebAssembly (WASM) 托管的 Blazor 应用程序的最新预览版。我已经设置了一个 WASM 托管应用程序并将其配置为使用客户端应用程序文件夹文件内部的href基础:/App1/wwwroot/index.html

此时,我的应用结构是这样的:

  1. 客户
  2. 服务器
  3. 共享

然后我将服务器应用程序文件夹中的应用程序映射到路由:

通过几个启动设置更改来运行它以映射到/app1效果非常好。接下来,我复制了客户端应用程序并将命名空间更改csprojApp2.

我的应用程序结构现在是:

  1. App1(客户端应用程序)
  2. App2(客户端应用程序)
  3. 服务器
  4. 共享

我将 base 设置href/App2/,并在服务器启动时添加了第二个映射:

但是,该项目没有运行。它抱怨静态文件仍然合并在一起。尝试使用以下命令运行服务器项目时出现此编译错误dotnet run

我还尝试添加一个commandLineArgs以更改客户端应用程序中的内容根位置,但launchsettings没有任何效果:

任何建议都将不胜感激,因为我不知道还能尝试什么。

这是dotnet new我用来创建项目的命令

0 投票
1 回答
1681 浏览

blazor - 如何在 blazor Web 程序集中运行捆绑的 javascript 文件?

我将捆绑的脚本文件保存在 blazor_wasm 应用程序的 wwwroot 文件夹中。

  1. 我在 index.html 中使用脚本标签添加了文件
  1. 我已将 scripts.bundle.js 代码放入函数 callJS

    function callJS() {/** bundled js**/}

  2. 我在剃须刀页面中使用 js interops 调用了该函数,但这给出了错误

    /li>

这些是错误

异步方法的返回类型必须是 void、Task、Task、类似
任务的类型、IAsyncEnumerable 或 IAsyncEnumerator wasm_app

'Index.OnAfterRenderAsync(bool)':返回类型必须是 'Task' 以匹配被覆盖的成员 'ComponentBase.OnAfterRenderAsync(bool)' wasm_app

这是运行文件的正确方法还是我必须使用另一个生命周期事件?我正在使用敏锐的引导主题,它使用 webpack 生成捆绑的 js 和 css 文件。

0 投票
1 回答
218 浏览

c# - 如何检查服务器端 Blazor 应用程序中的参数条件

我有一个编辑页面来编辑我的服务器端 Blazor 应用程序中的员工。我通过 id 从 UserManager 获取用户信息,该信息通过 get 参数传递给站点。

如何检查我的控制器以验证用户是否存在?这是我的控制器:

该页面定义了以下路径:

我可以通过覆盖 OnInitialized() 方法来检查员工,但是每当我重定向时,这个方法都会引发异常。

有人有想法吗?

提前致谢!

0 投票
1 回答
212 浏览

.net - Blazor WebAssembly:成员名称不能与其封闭类型相同

在构建我的 Blazor Webassembly 解决方案时,我的 .razor 页面之一出现以下消息:

成员名称不能与其封闭类型相同

怎么来的 ?

0 投票
3 回答
282 浏览

c# - Blazor 使用 Rout 参数作为方法参数

在我的 Blazor 组件上,我接受一个参数:

在方法“ GetPlantInformation”上,它说“ PlantName”-A field initializer cannot reference the non-static field, method, or property 'Plant.PlantName'

我无法将属性 PlantName 设为静态,否则 Blazor 将无法工作。那么如何使用这个属性作为方法参数呢?

0 投票
1 回答
1486 浏览

asp.net-core - 在 blazor 服务器端选择输入获取选项的文本作为其值 onchange 事件

我在服务器端 blazor 上绑定选择时遇到问题。传递的onchange事件是选项文本(标签)。这是我的选择元素:

在调试RoleChanged方法时

选项文本值

触发事件时,它将选项文本作为值。客户端验证也没有触发

客户端验证

0 投票
1 回答
964 浏览

blazor - 在 Blazor 中显示可重用的 VueJS 图表组件

我想将此图表用作教程中的可重用组件。

图表组件应该接受一些输入参数并显示 VueJS 渲染的图表。Blazor 不允许script在文件中添加标签*.razor,所以我*.cshtml改用它。

/Pages/Index.razor - 主页

/Shared/ChartComponent.cshtml - 要在页面上显示的组件

/_Import.razor

问题

如果我将 JS 放入 Host.cshtml,一切正常,但是当我尝试将其设为单独的 CSHTML 组件时,主页ChartComponent会抱怨未定义。CSHTML 可以是一个组件还是我需要将它作为老式 MVC 部分包含在内?

0 投票
1 回答
591 浏览

asp.net-core - 未经授权的结果和 PostAsJsonAsync导致 javascript 错误 Blazor 服务器

我有一个场景,当登录失败时,Api 必须返回 UnAuthorized 结果。但是,从await HttpClient.PostJsonAsync(url, credentials);序列化 导致控制台出现 javascript 错误,导致登录页面无法按预期运行。这是我所拥有的。

API 代码:

Blazor 代码:

我无法弄清楚如何处理未经授权的结果,因为 httpclient 会处理它,并且 blazor javascript 会向控制台抛出一个错误,从而阻止登录表单工作。这是正确的行为还是正确处理它的任何方法?

更新: 下面的答案指出了在这种情况下不使用PostAsJsonAsync<>并手动转换结果的解决方案。

这是更新的代码:

0 投票
0 回答
442 浏览

c# - Blazor 客户端引导选择不起作用

我在使用此页面中的 bootstrap-select 的补充时遇到问题

引导选择页面

在开发时使用我的 css 和 js 配置

脚本配置

控制代码

控制运行

但是不要产生空结果,html代码应该根据脚本的使用而改变但保持匹配,对于控件可见性的例外,它的隐藏并且不起作用。

我已经使用带有 DotNetCore 版本 3.2 的 Blazor Web Assembly 客户端运行我的应用程序。引导程序 4.5

请帮帮我...

谢谢...

Git 示例

0 投票
0 回答
543 浏览

c# - 为什么 blazor (WASM) 不能使用 MemoryStream?

我正在尝试在 blazor (wasm) 中读取文件,但得到错误结果。所有 MemoryStream 字节均为 0。代码如下,我确定这些字节有数据(我在控制台中打印了它们):

而且,当我将 MemoryStream 发送到 webapi 时,我会正确获取数据。