Can you please provide a sample that would work on Blazor Web assembly.

Hi <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="

Thank you <a class="user-mention notranslate" data-hovercard-type="user" data-hovercar

Blazor Webassembly sample? about blazor.animate HOT 2 CLOSED

mikoskinen commented on May 24, 2024 1

Blazor Webassembly sample?

from blazor.animate.

Comments (2)

mgernand commented on May 24, 2024

Hi @RichardBr,

just add the following in you index.html below the blazor.webassembly.js script and it works.

<script src="_content/BlazorAnimate/blazorAnimateInterop.js"></script>

@mikoskinen I suggest you include the blazorAnimateInterop.js file as embedded resource. I use project configuration like below for this.

  <ItemGroup>
    <!-- .js/.css files will be referenced via <script>/<link> tags; other content files will just be included in the app's 'dist' directory without any tags referencing them -->
    <EmbeddedResource Include="content\**\*.js" LogicalName="blazor:js:%(RecursiveDir)%(Filename)%(Extension)" />
    <EmbeddedResource Include="content\**\*.css" LogicalName="blazor:css:%(RecursiveDir)%(Filename)%(Extension)" />
    <EmbeddedResource Include="content\**" Exclude="**\*.ts;**\*.js;**\*.css" LogicalName="blazor:file:%(RecursiveDir)%(Filename)%(Extension)" />
  </ItemGroup>

from blazor.animate.

mikoskinen commented on May 24, 2024

Thank you @mgernand for the tip. There's now a new 2.0.0 release available which targets .NET Core 3.1. I used the the method mentioned here dotnet/aspnetcore#13103 (comment) to make sure that things should now work better with the Webassembly version of Blazor.

@RichardBr there's now a new WebAssembly-based sample in the repository.

from blazor.animate.

Recommend Projects