如何更正 webjars 的包含路径？

Question

我试图在我的 Spring 引导项目中包含 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。所以试试吧：

路径

/npm

带版本号

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

如何更正 webjars 的包含路径？

How can I correct include path for webjars?

javascript

java

spring

spring-boot

webjars