如何更正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>
   

编辑:(对评论作出反应）

字体很棒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只是为您的WEB-INF / resources文件夹添加了大量UI资源，您需要从工作区中找出正确的路径。