Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

MAUI Project can not import web-components script automatically

See original GitHub issue

I created a MAUI-Blazor project with VS 2022. and installed Microsoft.Fast.Components.FluentUI 2.3.2

Add @using Microsoft.Fast.Components.FluentUI in _Imports.razor.

Add <link> tag in index.html

Followed documents modified Promgram.cs

Add sample code in index.razor

<FluentCard Style="padding: 1.5rem; width: 400px; height: 250px; ">
  <h2>Hello World!</h2>
  <FluentButton Appearance="@Appearance.Accent">Click Me</FluentButton>
</FluentCard>

App can not work well.

If add web-component script in index.html.

it will work well.

Issue Analytics

State:
Created 4 months ago
Reactions:1
Comments:11 (6 by maintainers)

Top GitHub Comments

2reactions

andreisaperskicommented, Jun 2, 2023

@vnbaaij not sure if i can add anything there, the comment you linked there, reflects all i have

2reactions

andreisaperskicommented, May 31, 2023

Copied content of AccordionDefault.razor into Index.razor of MAUI App, initial state:

After click on ‘Panel two’:

Handler for @onaccordionchange was called and Accordion raised OnAccordionItemChange

Top Results From Across the Web

fix: custom events registeration in MAUI blazorwebview ...

FluentUI.lib.module.js does not work on MAUI blazorwebview due to problems reported ... MAUI Project can not import web-components script automatically #404.

Data Binding not working correctly for "Fluent UI ...

I was trying to use "Fluent UI Web Components for Blazor library" ( Fluent UI Web ... So somehow the data binding is...

Troubleshoot known issues - .NET MAUI

Maui. ApplicationModel. Communication namespace is automatically imported by the <ImplicitUsings> setting in the project file.

Use Fluent UI Web Components with Blazor

The script is added to the application automatically. This way we can safeguard that the you are always using the best matching script...

Blazor Hybrid Web Apps with .NET MAUI

NET MAUI Blazor. MAUI is a cross-platform framework for creating native mobile and desktop apps with C# and XAML. MAUI uses a single...