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.

fix: [ConfigurationGenerator not found] in [program.cs]

See original GitHub issue

🐛 Bug Report

ConfigurationGenerator not found
Icon not rendered in output.

💻 Repro or Code Sample

Program.cs

using Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using GroupVaultClient;
using Blazored.SessionStorage;
using GroupVaultClient.Helper;
using Microsoft.AspNetCore.Components.Authorization;
using Microsoft.IdentityModel.Logging;
using Microsoft.Fast.Components.FluentUI;
using Blazored.LocalStorage;

var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add<App>("#app");
builder.RootComponents.Add<HeadOutlet>("head::after");
builder.Services.AddHttpClient();
//builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri("https://localhost:7161/api/") });
builder.Services.AddBlazoredSessionStorage();
builder.Services.AddBlazoredLocalStorage();
builder.Services.AddScoped<AppAuthenticationStateProvider>();
builder.Services.AddScoped<AuthenticationStateProvider>(sp => sp.GetRequiredService<AppAuthenticationStateProvider>());
builder.Services.AddFluentUIComponents(options =>
{
    options.HostingModel = BlazorHostingModel.WebAssembly;
    options.IconConfiguration = ConfigurationGenerator.GetIconConfiguration();
    options.EmojiConfiguration = ConfigurationGenerator.GetEmojiConfiguration();
});
builder.Services.AddAuthorizationCore();

await builder.Build().RunAsync();

.csproj file

<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">

  <PropertyGroup>
    <TargetFramework>net7.0</TargetFramework>
    <Nullable>enable</Nullable>
    <ImplicitUsings>enable</ImplicitUsings>
    <ServiceWorkerAssetsManifest>service-worker-assets.js</ServiceWorkerAssetsManifest>
  </PropertyGroup>

  <PropertyGroup>
	<PublishFluentIconAssets>true</PublishFluentIconAssets>
	<FluentIconSizes>10,12,16,20,24,28,32,48</FluentIconSizes>
	<FluentIconVariants>Filled,Regular</FluentIconVariants>
	<PublishFluentEmojiAssets>false</PublishFluentEmojiAssets>
	<FluentEmojiGroups>Activities,Animals_Nature,Flags,Food_Drink,Objects,People_Body,Smileys_Emotion,Symbols,Travel_Places</FluentEmojiGroups>
	<FluentEmojiStyles>Color,Flat,HighContrast</FluentEmojiStyles>
</PropertyGroup>

  <ItemGroup>
    <PackageReference Include="Blazored.LocalStorage" Version="4.4.0" />
    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="7.0.10" />
    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="7.0.10" PrivateAssets="all" />
    <PackageReference Include="Blazored.SessionStorage" Version="2.3.0" />
    <PackageReference Include="Microsoft.AspNet.WebApi.Client" Version="5.2.9" />
    <PackageReference Include="Microsoft.AspNetCore.Components.Authorization" Version="6.0.21" />
    <PackageReference Include="Microsoft.CodeAnalysis" Version="4.6.0" />
    <PackageReference Include="Microsoft.Fast.Components.FluentUI" Version="2.4.2" />
    <PackageReference Include="System.IdentityModel.Tokens.Jwt" Version="6.32.1" />
  </ItemGroup>

  <ItemGroup>
    <ServiceWorker Include="wwwroot\service-worker.js" PublishedContent="wwwroot\service-worker.published.js" />
  </ItemGroup>

</Project>

MainLayout.razor

@inherits LayoutComponentBase
@using Microsoft.Fast.Components.FluentUI.DesignTokens
@inject ILocalStorageService _localstorage;


<PageTitle>fluenttest</PageTitle>

<div class="container">
    <FluentDesignSystemProvider AccentBaseColor="#0078D7" BaseLayerLuminance="baseLayerLuminance" id="designProvider" class="designProvider" style="min-height: 100% !important;">
        <div class="siteheader">
            <div class="headerHeadline">
                <h3>GroupVault</h3>
            </div>            
            <div class="headerLinksContainer">
                <a href="/">Home</a>
                <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
            </div>
            <div style="width:100%;display:flex;align-items: end;justify-content: end;margin-right:15px;">
                <div>
                    <span style="margin-right:10px;"><FluentIcon Slot="start" Name="@modeIcon" Size="@IconSize.Size16" Variant="@IconVariant.Filled" Color="@Color.Accent"/></span>
                    <FluentSwitch @bind-Value=darkMode @onclick="changeColorMode"></FluentSwitch>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="navigation">
                <NavMenu />
            </div>

            <div class="content">
                <main>
                    <article class="px-4">                       
                        <ErrorBoundary>
                            <ChildContent>
                                
                                @Body
                            </ChildContent>
                            <ErrorContent Context="ex">
                                 <p class="error">@ex.Message</p>
                            </ErrorContent>
                        </ErrorBoundary>
                    </article>
                </main>
            </div>
        </div></FluentDesignSystemProvider>
    </div>

    @code {
        private float baseLayerLuminance {get;set;} = 100;
        private bool darkMode {get;set;} = false;
        private string modeIcon = FluentIcons.WeatherSunny;

        protected override async Task OnParametersSetAsync()
        {

                string dm = await _localstorage.GetItemAsync<string>("darkMode");
                    
                if(dm!=null) {
                    if(dm=="true") {
                        baseLayerLuminance = 0;
                        darkMode = true;
                        modeIcon = FluentIcons.WeatherMoon;
                        await _localstorage.SetItemAsync<string>("darkMode", "true");
                            Console.WriteLine("OnParametersSetAsync darkmode: " + darkMode);
                    } else {
                        baseLayerLuminance = 100;
                        darkMode=false;
                        modeIcon = FluentIcons.WeatherSunny;
                        await _localstorage.SetItemAsync<string>("darkMode", "false");
                            Console.WriteLine("OnParametersSetAsync darkmode: " + darkMode);
                    }
                      
            }
        }


        private async Task changeColorMode() {
            if(baseLayerLuminance==100){
                baseLayerLuminance = 0;                
                Console.WriteLine("changeColorMode: DarkMode:" + darkMode + " | baseLayerLuminance: " + baseLayerLuminance);
                await _localstorage.SetItemAsync<string>("darkMode", "true");
                StateHasChanged();
            } else {
                baseLayerLuminance = 100;                
                Console.WriteLine("changeColorMode: DarkMode:" + darkMode + " | baseLayerLuminance: " + baseLayerLuminance);
                await _localstorage.SetItemAsync<string>("darkMode", "false");
                StateHasChanged();
            }
        }
    }