1. ホーム
  2. js

Uncaught SyntaxError: 予期しないトークンエラーが完全に解決された

2022-03-01 05:49:55

springbot+thymeleafを使ったプロジェクト

一度にたくさんのコードを書きすぎて、起動時にエラーになり、cssが導入されず、jsも導入されない。

疲労困憊。

1. ページの確認

チェックページ問題なし:すべて緑

2. パスの確認

<script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>

に変更します。

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

役に立ちません!!!

3、新しく追加されたページのエラー報告ページを確認する、つまり、ページがすべてコメントされている、問題はまだ存在する

4, バックエンドのコードに注目

    @GetMapping
    public ModelAndView adminEquipment(ModelAndView view, HttpSession session){
        Admin admin = (Admin) session.getAttribute("sessionAdmin");
        view.addObject("admin",admin);
        view.setViewName("admin/admin_equipment");
        return view;
    }

5. 問題の発見

GetMappingに何か書き忘れた、名前をどうしようかと悩んだ、書かなかった

6. 解決する

@GetMapping(value = "/adminEquipment")

これは、必ずしもフロントエンドの問題ではない、thymeleafの素晴らしい点の一つです。

7. その他の考えられる原因

1) パスの問題

<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.page.js"></script>

<script type="text/javascript" src="/asset/static/h-ui.admin/js/H-ui.admin.page.js"></script>

<script type="text/javascript" src="/asset/static/h-ui.admin/js/H-ui.admin.page.js"></script>

2) οnclick="function(){}で定義されたボタンなど、空のメソッド本体が実行される。

3) JS参照は <head> 内に置くとこの問題が発生しますが、 <body> 内の最後の行に置くとこの問題は発生しません。(その理由については、自由に回答を追加してください)。

以上、ご参考になれば幸いです