2016-12-31 4 views
0

私はThymeleafをSpringアプリケーションで使用しています。私は、ブートストラップで引っ張ったindex.htmlをロードすると下図のように、jQueryといくつかのカスタムスタイルシートは、スクリプトの一部が二倍に引っ張られています。ThymeleafレンダリングでのエラーHTML

</body> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">   </script> 

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" 
    crossorigin="anonymous"></script> 

    <script src="../static/js/material.min.js" th:src="@{/js/material.min.js}"></script> 

    <script src="../static/js/nouislider.min.js" type="text/javascript" th:src="@{/js/nouislider.min.js}"></script> 

    <script src="../static/js/bootstrap-datepicker.js" type="text/javascript" th:src="@{/js/bootstrap-datepicker.js}"></script> 

    <script src="../static/js/material-kit.js" type="text/javascript" th:src="@{/js/material-kit.js}"></script> 

</html> 
    </THYMELEAF_ROOT>--> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> </script> 

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 

    <script src="/js/material.min.js"></script> 

    <script src="../static/js/nouislider.min.js" type="text/javascript" th:src="@{/js/nouislider.min.js}"></script> 

    <script src="../static/js/bootstrap-datepicker.js" type="text/javascript" th:src="@{/js/bootstrap-datepicker.js}"></script> 

    <script src="../static/js/material-kit.js" type="text/javascript" th:src="@{/js/material-kit.js}"></script> 

</html> 
    </THYMELEAF_ROOT>--> 

    <script src="/js/nouislider.min.js" type="text/javascript"></script> 

    <script src="../static/js/bootstrap-datepicker.js" type="text/javascript" th:src="@{/js/bootstrap-datepicker.js}"></script> 

    <script src="../static/js/material-kit.js" type="text/javascript" th:src="@{/js/material-kit.js}"></script> 

</html> 
    </THYMELEAF_ROOT>--> 

    <script src="/js/bootstrap-datepicker.js" type="text/javascript"></script> 

    <script src="../static/js/material-kit.js" type="text/javascript" th:src="@{/js/material-kit.js}"></script> 

</html> 
    </THYMELEAF_ROOT>--> 

    <script src="/js/material-kit.js" type="text/javascript"></script> 

</html> 

また、HTMLのいくつかの部分が繰り返され、以下のようにし、それらのTHYMELEAF_ROOTタグがあります。私は、サーバーを介してそれを実行せずにブラウザでhtmlを見て、それはうまく表示されます。

答えて

0

私はこの問題を理解しました。これは他の誰かが同様の問題を抱えている場合です。何らかの理由で、ThymeleafはHTMLのコメントを正しく処理しません。だから私はすべてのコメントを削除したとき、それはHTMLを適切にレンダリングしました。

関連する問題