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> 内の最後の行に置くとこの問題は発生しません。(その理由については、自由に回答を追加してください)。
以上、ご参考になれば幸いです
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
ハートビート・エフェクトのためのHTML+CSS
-
HTML ホテル フォームによるフィルタリング
-
HTML+cssのボックスモデル例(円、半円など)「border-radius」使いやすい
-
HTMLテーブルのテーブル分割とマージ(colspan, rowspan)
-
ランダム・ネームドロッパーを実装するためのhtmlサンプルコード
-
Html階層型ボックスシャドウ効果サンプルコード
-
QQの一時的なダイアログボックスをポップアップし、友人を追加せずにオンラインで話す効果を達成する方法
-
sublime / vscodeショートカットHTMLコード生成の実装
-
HTMLページを縮小した後にスクロールバーを表示するサンプルコード
-
html のリストボックス、テキストフィールド、ファイルフィールドのコード例