ASP.NET Core Blazor迁移Mac后CSS/JS路径加载失败求助

核心问题分析 #

Mac采用区分大小写的文件系统，而Windows不区分，同时你的JS引用存在标签类型错误，这两个因素共同导致资源加载失败。

具体解决步骤 #

• 纠正JS引用的标签错误
  你的代码中用<link>标签引用JS文件，这是语法错误，完全无法加载JS功能，修改为正确的<script>标签：

  <script src="/_content/FileUploading.SearchEngine.Shared/content/scripts/script.js"></script>
  

• 统一路径大小写
  检查FileUploading.SearchEngine.Shared类库中的实际文件路径大小写（比如content是否实际是Content，styles是否是Styles），将页面中的引用路径改成和实际文件系统完全一致的大小写。例如实际文件路径是Content/Styles，则引用改为：

  <link href="/_content/FileUploading.SearchEngine.Shared/Content/Styles/bootstrap.min.css" rel="stylesheet">
  

• 验证类库资源打包配置
  打开FileUploading.SearchEngine.Shared项目的.csproj文件，确保静态资源被正确配置为可发布的内容，路径大小写与实际文件一致：

  <ItemGroup>
    <Content Include="content/styles/**" CopyToOutputDirectory="PreserveNewest" />
    <Content Include="content/scripts/**" CopyToOutputDirectory="PreserveNewest" />
  </ItemGroup>
  

• 清理重建项目
  执行命令清理缓存并重新构建，避免旧资源干扰：

  dotnet clean
  dotnet restore
  dotnet build
  

  也可以手动删除项目根目录下的bin和obj文件夹后再重建。

内容的提问来源于stack exchange，提问作者Arjun Ghimire