PINGOWebApp icon indicating copy to clipboard operation
PINGOWebApp copied to clipboard

German (too complex for my english): Einbinden der JS-Dateien im Develop-Modus

Open katgirl opened this issue 10 years ago • 3 comments

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.

katgirl avatar Aug 21 '14 13:08 katgirl

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.)

MichaelWhi avatar Aug 21 '14 15:08 MichaelWhi

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.

katgirl avatar Aug 22 '14 09:08 katgirl

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 secretgeneriert 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.

chbach avatar Aug 22 '14 11:08 chbach