JQuery no spring 5: como habilitar

Front-end
, , ,
#1

Então, estou apreendendo no spring tool suite 4, queria fazer mascaras no cadastro form usando JQuery, porém, o tag scripit de uma pagina html, parece que não funciona, como na imagem abaixo, no pol.xml está:

<dependency>
            <groupId>org.webjars</groupId>
            <artifactId>Semantic-UI</artifactId>
            <version>2.4.1</version>
        </dependency>
        <dependency>
              <groupId>org.webjars</groupId>
              <artifactId>webjars-locator</artifactId>
              <version>0.34</version>
        </dependency>
        <dependency>
              <groupId>org.webjars</groupId>
              <artifactId>bootstrap</artifactId>
              <version>3.0.0</version>
        </dependency>

Na pagina html

<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width" />
<title>Cadastro de Pessoas</title>

        <link th:href="@{/webjars/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>
        <link th:href="@{/webjars/bootstrap/css/bootstrap-theme.min.css}" rel="stylesheet"/>  
      
       <script th:src="@{/webjars/jquery/jquery.min.js}"></script>
             <script th:src="@{/webjars/bootstrap/js/bootstrap.min.js}"></script>

</body>

A tag script está assim:
image

#2

Onde está essa pasta webjars no seu projeto?

#3

Ola Lucas, eu achei estranho que as funções estão todas pretas dentro da tag como na imagem acima, mas o fato é que criei as mascaras que eu queria e mesma estando preto o codigo, as mascaras estão funcionando: não sei se na ferramenta spring tool suite fica preto assim, ou colorido. O fato é que usei, além da spring tool suite 4, usei também o spring boot, que constroi um projeto padrão Maven de configuração, ou seja, a configuração fica no pol.xml e ele baixa as dependências: no caso vou postar aqui:

<dependency>
            <groupId>org.webjars</groupId>
            <artifactId>Semantic-UI</artifactId>
            <version>2.4.1</version>
        </dependency>
        <dependency>
              <groupId>org.webjars</groupId>
              <artifactId>webjars-locator</artifactId>
              <version>0.34</version>
        </dependency>
        <dependency>
              <groupId>org.webjars</groupId>
              <artifactId>bootstrap</artifactId>
              <version>3.0.0</version>
        </dependency>

E na página html:

<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width" />
<title>Cadastro de Pessoas</title>

        <link th:href="@{/webjars/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>
        <link th:href="@{/webjars/bootstrap/css/bootstrap-theme.min.css}" rel="stylesheet"/>  
        
         <link th:rel="stylesheet" th:href="@{webjars/bootstrap/3.0.0/css/bootstrap.min.css} "/>

<script th:src="@{/webjars/jquery/jquery.min.js}"></script>
             <script th:src="@{/webjars/bootstrap/js/bootstrap.min.js}"></script>
             <script th:src="@{/webjars/popper.js/umd/popper.min.js}"></script>
             <script th:src="@{assets/inputmask/jquery.inputmask.min.js}"></script> 
             <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
            <script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script> 
             <script>
                  $(document).ready(function() {
  $(":input[data-inputmask-mask]").inputmask();
  $(":input[data-inputmask-alias]").inputmask();
  $(":input[data-inputmask-regex]").inputmask("Regex");
  
  
});
           </script>
             

</body>

O estranho é que fica na cor preta como a imagem abaixo?

image
image.png977×281 41.7 KB