Witam. Pisząc aplikacje w Spring boot natrafiłem na problem odnośnie załadowania biblioteki jquery , angularJS , oraz bootstrap(plik js). Chodzi o to że aplikacja ich nie czyta, lecz gdy wejdę na źródło strony kliknę pokaż źródło to plik wyświetla mi się poprawnie. Chodzi tutaj wyłącznie o pliki *.js. Css bootstrap'owy ładuję się normalnie. Ktoś zna powód dlaczego to może nie działać ?
Angular i bootstrap, błędy przy ładowaniu aplikacji
Wątek przeniesiony 2017-01-05 10:39 z Java przez Shalom.
- Rejestracja: dni
- Ostatnio: dni
- Lokalizacja: Space: the final frontier
- Postów: 26433
A includujesz je lokalnie czy zdalnie? Jeśli zdalnie to przestrzegasz http/https? Pokaż co firebug w zakładce "network" pokazuje przy ładowaniu tej strony.
- Rejestracja: dni
- Ostatnio: dni
- Postów: 127
Witam,
ładuję je lokalnie. W załączniku Przechwytywanie.JPG widać strukturę katalogów oraz w jaki sposób ładuję biblioteki. Natomiast w konsoli chroma zauważyłem błąd który widać na załączniku err.png. Tak sobie myślę może to spring security w jakiś sposób blokuje zasoby ?
Pozdrawiam
- Rejestracja: dni
- Ostatnio: dni
- Lokalizacja: Space: the final frontier
- Postów: 26433
A jak zmienisz kolejność ładowania tych JSów tak żeby jQuery szło jako pierwsze? Bo błąd sugeruje że ładowanie bootstrapa się wywaliło bo wymaga on jQuery. No i ma prawo sie wywalić bo jQuery jest ładowanie dopiero później.
- Rejestracja: dni
- Ostatnio: dni
- Postów: 127
Dokładnie zmiana kolejności ładowania jquery zadziałała :). Pozostaje sprawa angulara
- Rejestracja: dni
- Ostatnio: dni
- Lokalizacja: Space: the final frontier
- Postów: 26433
To wygląda na jakiś problem z niepoprawną konfiguracją angulara. Na pewno ładujesz tam wszystko co trzeba i dobrze konfigurujesz? Bo ten problem nie ma nic wspólnego z javą, springiem ani backendem w ogóle. Przenoszę to do działu Javascript bo raczej tam pasuje.
- Rejestracja: dni
- Ostatnio: dni
- Postów: 127
Wydaje mi się że tak, ponieważ gdy ten sam plik podłączam do pliku html poza springiem to wszystko działa poprawnie.
- Rejestracja: dni
- Ostatnio: dni
- Postów: 127
Naprawiłem błąd, okazało się że potrzebny było plik kontrolera.js który by odpowiadał ng-app="tejNazwie" dla przykładu :
admin.html
<body ng-app="appAdmin">
<div class="container" ng-controller="przyklad">
controller.js
var app = angular.module('appAdmin', []);
app.controller('przyklad', ['$scope', '$filter', '$http' , function ( $scope, $filter, $http ) {
Dziwne, ponieważ wydaje mi się że poza springiem powinno działać bez. Dzięki za dotychczasową pomoc :)
Temat do zamknięcia.