如何更正 webjar 的包含路径？

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>
   

编辑：（对评论的反应）

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 文件夹中，您需要从工作区中找出正确的路径。