【问题标题】:Reference nuget packages in html files在 html 文件中引用 nuget 包
【发布时间】:2021-01-30 04:49:41
【问题描述】:

我添加了 Bootstrap.v3.Datetimepicker NuGet 包。使用其中一个示例,我创建了类似于此的代码:

<div class="container">
     <div class="col-sm-6" style="height:130px;">
         <div class="form-group">
             <div class='input-group date' id='datetimepicker'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar">
                </span>
                </span>
          </div>
       </div>
    </div>
    <script type="text/javascript">
      $(function () {
          $('#datetimepicker').datetimepicker({
              daysOfWeekDisabled: [0, 6]
          });
       });
     </script>
  </div>

但我的页面出现错误。这是错误:

jquery.min.js:2 Uncaught TypeError: $(...).datetimepicker is not a function
at HTMLDocument.<anonymous> (Schedule:137)
at e (jquery.min.js:2)
at t (jquery.min.js:2)

我了解我需要添加脚本和指向 css 文件的链接。如果在 wwwroot 文件夹中没有看到任何 datatimepicker 脚本,我该怎么办?当包通过 NuGet 管理器引入时,如何在我的 html 文件中引用该脚本?

【问题讨论】:

    标签: jquery asp.net .net asp.net-mvc asp.net-core


    【解决方案1】:

    .NET Core 项目使用包引用, 所以没有干净的方法可以从 nuget 包中获取脚本。

    他们在这个目录中%UserProfile%\.nuget\packages

    例如,安装 jQuery 会在 C:\Users\User\.nuget\packages\jquery\1.8.0\Content\Scripts 这个路径下安装脚本。

    此外,Microsoft 建议对 js 库使用 libman 或 npm 等包管理器,而 nuget 将处理程序集。

    使用 libman 引用 js 库:

    (右键单击您的 js 库文件夹):

    然后使用这种格式搜索库:libraryname@version

    【讨论】:

    • 那我该如何创建链接或脚本标签呢? 像这样?
    • @ValK 从 nuget 包中提取 js 库是一个 .NetFramework 项目功能,其中脚本放置在您的项目中,但事实并非如此。只需使用像libman 这样的包管理器,它的清洁器就可以通过libman.json 跟踪您的客户端库。而且您正在做的事情不会起作用,根本不推荐!
    • @ValK 更新了我的答案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-05-12
    • 2018-12-16
    • 2019-06-05
    • 2023-02-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多