Blazor JS隔离：本地程序集动态加载JS模块失败求助

问题原因 #

当通过<Reference Include="MyCompany.MyLib"/>引用本地类库时，Blazor不会自动将类库wwwroot目录下的静态资源复制到消费项目的wwwroot/_content/[库名称]路径下，导致动态导入JS模块时找不到文件。而NuGet包或同解决方案的项目引用会自动处理这一资源复制过程。

解决方案 #

1. 确保类库的静态资源属性配置正确 #

在类库项目中，选中wwwroot下的所有JS文件，右键选择「属性」：

• 生成操作：设置为内容
• 复制到输出目录：设置为如果较新则复制

2. 在消费项目中添加MSBuild自动复制目标 #

在消费项目的.csproj文件中添加以下MSBuild目标，实现构建时自动将本地类库的wwwroot资源复制到正确路径：

<Target Name="CopyLocalLibWwwroot" BeforeTargets="Build">
  <ItemGroup>
    <!-- 替换为你的本地类库程序集相对路径 -->
    <LocalLibReference Include="..\path-to-your-lib\MyCompany.MyLib.csproj" />
    <LibWwwrootFiles Include="$([MSBuild]::GetDirectoryOfFileAbove('$(MSBuildProjectDirectory)', 'MyCompany.MyLib.csproj'))\wwwroot\**\*" />
  </ItemGroup>
  <Copy
    SourceFiles="@(LibWwwrootFiles)"
    DestinationFiles="$(MSBuildProjectDirectory)\wwwroot\_content\MyCompany.MyLib\%(RecursiveDir)%(Filename)%(Extension)"
    SkipUnchangedFiles="true"
  />
</Target>

注意替换path-to-your-lib为本地类库的实际相对路径，确保LibWwwrootFiles能正确匹配类库wwwroot下的所有文件。

3. 优化JS模块路径的动态获取（可选） #

为避免硬编码库名称导致的错误，可通过程序集信息动态构造路径，修改JavaScriptFunctionality类的Load方法：

public async Task Load(IJSRuntime javaScriptRuntime)
{
    // 从当前类的程序集自动获取库名称
    var assemblyName = typeof(JavaScriptFunctionality).Assembly.GetName().Name;
    this.MyLib = await javaScriptRuntime.InvokeAsync<IJSObjectReference>(
        "import", $"./_content/{assemblyName}/MyLib.js"
    );
}

这样即使库名称变更，也无需手动修改路径字符串。

验证 #

重新构建消费项目后，检查wwwroot/_content/MyCompany.MyLib目录下是否存在MyLib.js文件，运行项目即可正常加载JS模块。

内容的提问来源于stack exchange，提问作者Takeshi Tokugawa YD