java 如何纠正webjars的include路径？

sqserrrh 于 2023-04-04 发布在 Java

关注(0)|答案(2)|浏览(118)

我试图在Spring Boot项目中包含Bootstrap 4，但我看到错误：Bootstrap tooltips require Popper.js
所以我加入了dependency：

<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}" />

Java

来源：https://stackoverflow.com/questions/48380145/how-can-i-correct-include-path-for-webjars

2条答案

按热度按时间

mhd8tkvw1#

当我将该库加载到我的工作空间时，它指示以下路径：META-INF/resources/webjars/popper.js/1.13.0/dist。那么试试看：
1.路径中没有/npm
1.带有版本号

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

赞(0）回复(0）举报 2023-04-04

km0tfn4u2#

在eclipse / sts的情况下，我在pom.xml中添加了如下依赖项

<!-- bootstrap and jquery -->
    <dependency>
        <groupId>org.webjars</groupId>
        <artifactId>bootstrap</artifactId>
        <version>3.3.7</version>
    </dependency>
    <dependency>
         <groupId>org.webjars</groupId>
         <artifactId>jquery</artifactId>
         <version>3.2.1</version>
    </dependency>
    <dependency>
        <groupId>org.webjars</groupId>
        <artifactId>popper.js</artifactId>
        <version>2.0.2</version>
    </dependency>

然后在html模板中我通过maven依赖文件结构添加了url
popper.js-2.0.2.jar-〉META-INF-〉resources-〉webjars-〉popper.js-〉2.0.2-〉umd-〉popper.js
所以路径我已经添加如下

<script src="webjars/popper.js/2.0.2/umd/popper.js"></script>

类似地，我们可以为webjar依赖项添加适当的路径，下面是屏幕截图x1c 0d1x以供参考

赞(0）回复(0）举报 2023-04-04

我来回答

java 如何纠正webjars的include路径？

2条答案

相关问题

热门标签

最新问答