在 Blazor 库中使用 DateRangePicker答案

【问题标题】：Using DateRangePicker in a Blazor libary在 Blazor 库中使用 DateRangePicker
【发布时间】：2021-07-26 21:15:45
【问题描述】：

使用组件时文档。 (https://github.com/jdtcn/BlazorDateRangePicker) 说这个

<script src="_content/BlazorDateRangePicker/clickAndPositionHandler.js"></script>
<link rel="stylesheet" href="_content/BlazorDateRangePicker/daterangepicker.min.css" />

需要添加到应用程序中。在头部。

现在我在 Razor 组件库 - MyLibrary 中使用 BlazorDateRangePicker。在我的应用程序中使用该库。我需要将这些添加到我的应用程序中，在我的库中引用它们

<script src="_content/MyLibrary/BlazorDateRangePicker/clickAndPositionHandler.js"></script>
<link rel="stylesheet" href="_content/MyLibrary/BlazorDateRangePicker/daterangepicker.min.css" />

这不起作用 - 我在加载文件时得到 404。我也试过了

_content/MyLibrary/_content/BlazorDateRangePicker

以及所有其他可能的组合。

这是怎么做到的？

【问题讨论】：

您是否在您的 Web 项目中安装了该软件包？我刚刚按照说明安装并工作了。

标签： css components blazor

【解决方案1】：

我认为您对 Blazor 如何引用嵌入式资源感到困惑。

BlazorDateRangePicker 库的资源将按照说明引用，例如

<script src="_content/BlazorDateRangePicker/clickAndPositionHandler.js"></script>
<link rel="stylesheet" href="_content/BlazorDateRangePicker/daterangepicker.min.css" />

您正在导入自己的库 (MyLibrary)，该库引用这个包，但引用路径没有改变 - 它仍然是 _content/BlazorDateRangePicker/.. 前缀。

【讨论】：