javascript - 如何更正 webjars 的包含路径？

Question

我试图在我的 Spring Boot 项目中包含 Bootstrap 4，但我看到错误:Bootstrap tooltips require Popper.js

所以我包含了依赖项:

<dependency>
  <groupId>org.webjars.npm</groupId>
  <artifactId>popper.js</artifactId>
  <version>1.13.0</version>
</dependency>
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>webjars-locator</artifactId>
    <version>0.32-1</version>
</dependency>

但是当我将它包含在页面中时，我找不到 popper.js 。为什么？

这是我用的:

<script th:src="@{/webjars/npm/popper.js/popper.min.js}" type="text/javascript"></script>

包含它的正确路径是什么？

编辑:

font-awesome 同样的问题:

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>font-awesome</artifactId>
    <version>5.0.2</version>
</dependency>

和

<link rel="stylesheet" th:href="@{/webjars/font-awesome/dist/font-awesome.min.css}" />

Answer 1

当我将该库加载到我的工作区时，它指示此路径:META-INF/resources/webjars/popper.js/1.13.0/dist。所以试试吧:

1. 路径中没有/npm
2. 有版本号

3. 使用 dist 文件夹

   <script th:src="@{/webjars/popper.js/1.13.0/dist/popper.min.js}" type="text/javascript"></script>
   

编辑:(对评论的 react )

Font awesome JAR 在 WebJAR 分发中有很多不同的文件夹。看我的 IJ 截图:

因此对于屏幕截图中突出显示的文件，您将使用

 <link rel="stylesheet" th:href="@{/webjars/font-awesome/5.0.2/svg-with-js/css/fa-svg-with-js.css}" />

希望您在看到屏幕截图后了解这些 webjar 文件夹的工作原理。 WebJAR 只是将一堆 UI 资源添加到您的 WEB-INF/resources 文件夹中，您需要从您的工作区中找出正确的路径。