PINGOWebApp
PINGOWebApp copied to clipboard
German (too complex for my english): Einbinden der JS-Dateien im Develop-Modus
Versetze ich das System in den Develop-Modus, werden die JS - Dateien einzeln eingebunden
<script src="/assets/libs/modernizr.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/libs/jquery.history.js?body=1" type="text/javascript"></script>
<script src="/assets/00_app_construct.js?body=1" type="text/javascript"></script>
<script src="/assets/home.js?body=1" type="text/javascript"></script>
<script src="/assets/voting.js?body=1" type="text/javascript"></script>
<script src="/assets/websocket_helper.js?body=1" type="text/javascript"></script>
<script src="/assets/cocoon.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.browser.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.fancybox.js?body=1" type="text/javascript"></script>
<script src="/assets/fancybox.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/alert.js?body=1" type="text/javascript"></script>
<script src="/assets/jqcloud.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
<script src="/assets/libs/jquery.imagesloaded.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/dropdown.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/collapse.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/tooltip.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/popover.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/modal.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/tab.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/button.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/typeahead.js?body=1" type="text/javascript"></script>
<script src="/assets/libs/bootstrap-tagmanager.js?body=1" type="text/javascript"></script>
<script src="/assets/libs/fullscreen.js?body=1" type="text/javascript"></script>
<script src="/assets/libs/stupidtable.js?body=1" type="text/javascript"></script>
<script src="/assets/libs/deprecated_functions.js?body=1" type="text/javascript"></script>
<script src="/assets/libs/Chart.js?body=1" type="text/javascript"></script>
<script src="/assets/layout_helpers.js?body=1" type="text/javascript"></script>
<script src="/assets/events.js?body=1" type="text/javascript"></script>
<script src="/assets/surveys.js?body=1" type="text/javascript"></script>
<script src="/assets/collaborators.js?body=1" type="text/javascript"></script>
<script src="/assets/lecturer.js?body=1" type="text/javascript"></script>
Dann klappen aber viele der JS-Events nicht.
Hier die Consolen-Ausgabe
GET https://pingo.XXX.de/assets/twitter/bootstrap/responsive 404 (Not Found)
Uncaught Error: History.js Adapter has already been loaded... application.js?body=1:7
(anonymous function) application.js?body=1:7
(anonymous function) application.js?body=1:7
Bindet man aber die Dateien aus dem ASSETS-Ordner manuell ein:
<script src="/assets/application-4938726efe3908ebbdb731d9b7a5f711.js" type="text/javascript"></script>
<script src="/assets/lecturer-5399dd489eb7125f382e9e6c4088b215.js" type="text/javascript"></script>
dann klappen die JS-Events auch im Develop-Modus.
Was genau versuchen Sie zu erreichen bzw. was probieren Sie? In welchem Modus und welcher Umgebung?
Beim lokalen Entwickeln im development Modus funktionieren alle JS-Dateien und Skripte, da die für den Productionmodus erstellten konkatenierten JS-Dateien aus exakt den selben Files erstellt werden.
GET https://pingo.XXX.de/assets/twitter/bootstrap/responsive 404 (Not Found)
deutet auf eine Fehlkonfiguration hin; ein SSL-Request mit Hostname für ein Javascript-Asset im Development-Modus tritt (zumindest in der Version, wie es hier bei Github hochgeladen ist) nicht auf. Development-modus verwendet weder SSL noch absolute Pfade.
(Für die weitere Bearbeitung Ihrer Tickets wäre es hilfreich, wenn Sie uns Ihre Absichten mit PINGO etwas allgemeiner mitteilen können, damit wir verstehen können, was Sie vorhaben; ansonsten ist es für uns sehr mühsam die Issues zu verstehen und Ihnen weiterzuhelfen.)
Aktuell ist der Server mit
rails server -d -e development
gestartet.
Wie geschrieben geht es lediglich darum, das beim direkten einbinden der JS-Dateien irgendwo ein Fehler auftritt. die JS-Dateien sind 1:1 aus GitHub.
Die Dateien sind nicht absolut, sondern alle relative angegeben. dieMeldung stammt als der JS-Fehler-Konsole, wo die URLs alle absolut stehen.
Wir versuchen lediglich das Design an unser CD anzupassen. CSS und leider auch Template-Anpassungen. Dabei stoßen wir auf die ganzen Probleme. Dazu haben wir eine eigene CSS-Datei erstellt, die die bestehenden CSS-Anweisungen so überschreibt wie wir es brauchen.
Ich habe es gerade noch einmal probiert mit den folgenden Befehlen:
git clone [email protected]:PingoUPB/PINGOWebApp.git
bundle install
Dann habe ich einen Secret-Token mit rake secret
generiert und den in die config/initializers/secret_token.rb
eingefügt und anschließend mit
rails s -e development
den Server gestartet. Es tauchen keine JavaScript Fehler in der Konsole auf und es werden alle Assets fehlerfrei geladen. Grundsätzlich müsste die Version, wie sie hier im Repository liegt also out-of-the-box funktionieren.