Summernote 字体在生产环境中不可用答案

【问题标题】：Summernote fonts are unavailable in production environmentSummernote 字体在生产环境中不可用
【发布时间】：2022-12-11 02:51:19
【问题描述】：

我将 Summernote 用于一个页面，我希望用户能够在该页面上设置新闻项目内容的格式。虽然编辑面板在我的本地开发环境中显示良好，但相同的编辑面板在发布到我的生产环境时不显示图标。这是一个截图：

当我使用 Edge 检查问题页面时，我注意到一些 summernote 字体文件丢失了，这显然有各种意义：

因此，很明显，问题似乎是 woff、woff2 和 ttf 文件在控制台错误消息中显示的预期 bundles/font 文件夹中不可用。我是否需要制作/填充此文件夹，或将 summernote 重定向到另一个文件夹？

所以，退一步说，我有一个 C# .NET Standard 4.8 web 项目，我使用 npm 安装了 summernote，它在我的项目中安装了 summernote 文件，位于 node_modules/summernote。我可以在 node_modules/summernote/dist/font 看到字体文件。我在我的页面中使用 bundle 引用了 summernote js 和 css，这里是一个（稍微编辑过的）代码 sn-p：

    bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                    "~/node_modules/summernote/dist/summernote.min.js",
                    "~/node_modules/bootstrap/dist/js/bootstrap.js")
                                .WithLastModifiedToken());

    bundles.Add(new StyleBundle("~/bundles/css").Include(
                    "~/node_modules/bootstrap/dist/css/bootstrap.css",
                    "~/node_modules/summernote/dist/summernote.css")
                                .WithLastModifiedToken());

我确实想知道不同类型的字体捆绑，但我找不到合适的东西 - 如果有人知道如何捆绑字体，这可能就是答案。

这些然后在我的页面模板的样式和脚本部分中呈现：

@Styles.Render("~/bundles/css")

和

@Scripts.Render("~/bundles/bootstrap")

希望一切都有意义，很乐意根据要求提供更多信息。

到目前为止，我已经尝试过：

将字体文件复制到站点根目录中的 bundles/font 文件夹的构建后事件。这在我的本地开发环境中有效（我可以通过导航到 localhost:XXXX/bundles/fonts 下载文件，但是当我在生产环境中尝试它时它不起作用。
我发现了这个问题，我做不出来，但我觉得答案可能与Font files are not loading with ASP.NET Bundles的答案有关

非常感谢收到任何建议。

【问题讨论】：

标签： c# .net summernote

【解决方案1】：

我想出了答案。

与其将 css 和 js 捆绑到 ~/bundles/... 中，不如将它们捆绑到 ~/Content/... 中，例如：

bundles.Add(new ScriptBundle("~/Content/summernote").<etc>
bundles.Add(new StyleBundle("~/Content/summernote-css").<etc>

这使我能够通过在我的 MVC 项目的 Content 文件夹中创建一个新的 /font/ 文件夹来找到解决方案，就在“~/Content/summernote”包期望找到它们的地方。

关键是 css 和 js 捆绑包将东西捆绑到 ~/bundles/bootstrap 中，当我查看 summernote 代码时，它正在使用相对 URL 引用字体。我没有想到我可以在 ~/bundles/... 以外的任何地方捆绑 js 和 css，直到这个周末我在树林里散步。 5 分钟内修复。

【讨论】：