使用环境标签时NOTYF视图组件不起作用

Question

在我的dotnet 5 MVC Web应用程序中，我正在使用 this toastnotification用于显示通知的库。长期以来它运行良好。正如文档所说，它需要_layout文件中的以下行

@await Component.InvokeAsync("Notyf")

，因此该文件的一部分看起来像：

<script src="~/js/site.js" asp-append-version="true"></script>
<script src="~/js/controls.js" asp-append-version="true"></script>

@await Component.InvokeAsync("Notyf")
@await RenderSectionAsync("Scripts", required: false)

现在我想缩小前两行中提到的js文件。因此，我为两个文件创建了缩小捆绑包，因此上述部分看起来像：

<environment names="Development">
    <script src="~/js/site.js" asp-append-version="true"></script>
    <script src="~/js/controls.js" asp-append-version="true"></script>
</environment>

<environment names="Staging,Production">
    <script src="~/js/_Bundles/common.min.js" asp-append-version="true"></script>
</environment>

@await Component.InvokeAsync("Notyf")
@await RenderSectionAsync("Scripts", required: false)

更改之后：

1. 如果将环境设置为开发，则所有这些都像以前一样正常工作。
2. 如果我将环境设置为生产，则notyf组件无法正确加载。显然，似乎甚至在可用之前就被使用了。 上收到以下错误

我在加载页面 .png“ alt =”在此处输入图像描述”>

href =“ https://i.sstatic.net/eax8k.png” rel =“ nofollow noreferrer”>

任何想法为什么会发生这种情况？我根本没有碰到这条线。任何解决方案或替代方法都将不胜感激。

Answer 1

您需要在非“开发”环境中手动启用staticwebassetsfileprovider

// Program.cs
...
public class Program
{
  ...
  public static IHostBuilder CreateHostBuilder(string[] args) =>
    Host.CreateDefaultBuilder(args)
      .ConfigureWebHostDefaults(webBuilder =>
      {
        webBuilder.UseStartup<Startup>();

        // Add this "ConfigureAppConfiguration" method calling.
        webBuilder.ConfigureAppConfiguration((ctx, cb) =>
        {
          //    Please specify the condition that is true only when
          //    the application is running on your development environment.
          //    Notice that excludes the case that the environment is "Development".
          if (!ctx.HostingEnvironment.IsDevelopment() &&
               /* your prefer condition*/)
          {
            //    This call inserts "StaticWebAssetsFileProvider" into
            //    the static file middleware.
            StaticWebAssetsLoader.UseStaticWebAssets(
              ctx.HostingEnvironment, 
              ctx.Configuration);
          }
        });
        ...