如何将一个 Blazor WASM 项目引用到另一个 Blazor WASM 项目？

Question

我想用 Blazor WASM 创建微前端（ 基于这篇文章），我创建了两个 blazor wasm 项目，一个名称是MicroFrontendsExample.Shell是容器/appshell，另一个名称是： MicroFrontendsExample.B1Component

我在将MicroFrontendsExample.B1Component项目引用到MicroFrontendsExample.Shell时遇到了这个错误

错误：

严重性代码 说明 项目文件行抑制 State 具有相同目标路径“_framework/blazor.boot.json”的资产冲突错误。 对于资产“身份：C：\Users\Sibetalaee\source\repos\MicroFrontendsExample\MicroFrontendsExample.B1Component\bin\Debug.net7.0\wwwroot_framework\blazor.boot.json，SourceType：Project，SourceId：MicroFrontendsExample.B1Component，ContentRoot C:\Users\Sibetalaee\source\repos\MicroFrontendsExample\MicroFrontendsExample.B1Component\bin\Debug.net7.0\wwwroot, BasePath: /, RelativePath: _framework/blazor.boot.json, AssetKind: Build, AssetMode: All, AssetRole : Primary, RelatedAsset: , AssetTraitName: BlazorWebAssemblyResource, AssetTraitValue: manifest, CopyToOutputDirectory: PreserveNewest, CopyToPublishDirectory: Never, OriginalItemSpec: obj\Debug.net7.0\blazor.boot.json' 和 'Identity: C:\Users\Sibetalaee\source \repos\MicroFrontendsExample\MicroFrontendsExample.Shell\bin\Debug.net7.0\wwwroot_framework\blazor.boot.json，SourceType：Computed，SourceId：MicroFrontendsExample.Shell，ContentRoot：C：\User s\Sibetalaee\source\repos\MicroFrontendsExample\MicroFrontendsExample.Shell\bin\Debug.net7.0\wwwroot, BasePath: /, RelativePath: _framework/blazor.boot.json, AssetKind: Build, AssetMode: All, AssetRole: Primary, RelatedAsset: , AssetTraitName: BlazorWebAssemblyResource, AssetTraitValue: manifest, CopyToOutputDirectory: PreserveNewest, CopyToPublishDirectory: Never, OriginalItemSpec: obj\Debug.net7.0\blazor.boot.json' 来自不同的项目。 MicroFrontendsExample.Shell C:\Program Files\do.net\sdk\7.0.102\Sdks\Microsoft.NET.Sdk.Razor\targets\Microsoft.NET.Sdk.884008.14708.WebsetStatics14708

我不知道，我怎样才能将 blazor wasm 引用到另一个？

Answer 1

您可以为每个项目设置不同名称的StaticWebAssetBasePath以进行区分。

在MicroFrontendsExample.B1Component应用程序的项目文件 ( MicroFrontendsExample.B1Component.csproj ) 中，将<StaticWebAssetBasePath>属性添加到值为FirstApp的<PropertyGroup>以设置项目的 static 资产的基本路径：

<StaticWebAssetBasePath>FirstApp</StaticWebAssetBasePath>

在MicroFrontendsExample.Shell应用程序的项目文件 ( MicroFrontendsExample.Shell.csproj ) 中，将<StaticWebAssetBasePath>属性添加到<PropertyGroup>的值为SecondApp ：

<StaticWebAssetBasePath>SecondApp</StaticWebAssetBasePath>

注意： FirstApp和SecondApp的名称仅用于演示目的。任何区分客户端应用程序的基本路径段都是可以接受的。