Gelöst! Neue Docker Installation - Webui blinkt nur kurz im Browser auf dann alles weiß

Setup
1

Hallo Community,

ich habe laut Anleitung via docker-compose auf einem virtuellen Server installiert
Dabei den Port umgestellt auf 8080
Alles ist ohne Fehler durchgelaufen.
Beim Aufruf der Adresse im Browser blinkt nur kurz das Logo und die oberste Zeile der UI auf danach erhalte ich ein weißes Bild - ohne weitere Funktion!

Hat jemand eine Idee was ich da falsch mache bzw. wie ich dem Fehler auf die Spur komme?!

Gruß Christoph

2

Hallo Christoph.

Auf den ersten Verdacht hin scheint es ein Problem mit den Einträgen in deiner docker-compose.yml Datei zu sein.

Kannst du den Inhalt deiner docker-compose.yml hier posten, damit wir dem Problem auf die Spur kommen können?
Auch hilfreich beim Herausfinden von Fehlern der Web-Oberfläche ist die “Entwickler Console” deines Browsers ( in Chrome sollte das STRG+SHIFT+J sein ) und dann die fehlerhafte Seite nochmal neu laden lassen mittels F5.

Gruß Julian.

3

Hallo Julian,
hier die docker-compose.yml:

db:
  build: db
  restart: always
  volumes:
    - ./volumes/db/data:/var/lib/postgresql/data
    - ./volumes/db/log:/var/log/postgresql
    - /etc/localtime:/etc/localtime:ro
    - /etc/timezone:/etc/timezone:ro
  environment:
    - METASFRESH_USERNAME=metasfresh
    - METASFRESH_PASSWORD=metasfresh
    - METASFRESH_DBNAME=metasfresh
    - DB_SYSPASS=System
app:
  build: app
  hostname: app
  links:
    - db:db
    - search:search
  expose:
    - "8282"
    - "61616"
  restart: always
  volumes:
    - ./volumes/app/log:/opt/metasfresh/log:rw
    - /etc/localtime:/etc/localtime:ro
    - /etc/timezone:/etc/timezone:ro
  environment:
    - METASFRESH_HOME=/opt/metasfresh
webapi:
  build: webapi
  links:
    - app:app
    - db:db
    - search:search
# to access the webui-api directly
# (eg. for debugging or connecting your app to the metasfresh api)
# uncomment following port:
  #ports:
   #- "8080:8080"
  restart: always
  volumes:
    - ./volumes/webapi/log:/opt/metasfresh-webui-api/log:rw
    - /etc/localtime:/etc/localtime:ro
    - /etc/timezone:/etc/timezone:ro
webui:
  build: webui
  links:
    - webapi:webapi
  ports:
    - "8080:80"
    - "8443:443"
  restart: always
  volumes:
    - /etc/localtime:/etc/localtime:ro
    - /etc/timezone:/etc/timezone:ro
  #uncomment and set to URL where metasfresh will be available from browsers
  environment:
    - WEBAPI_URL=http//xxxxxxx.de:8080
search:
  build: search
  ulimits:
    memlock:
      soft: -1
      hard: -1
    nofile:
      soft: 65536
      hard: 65536
  cap_add:
    - IPC_LOCK
# to access the search api directly
# (e.g. if you did docker-compose up search to have the deachboard with your locally running metasfresh services)
# uncomment following ports:
# ports:
#   - "9200:9200"
#   - "9300:9300"
  volumes:
    - ./volumes/search/data:/usr/share/elasticsearch/data
    - /etc/localtime:/etc/localtime:ro
    - /etc/timezone:/etc/timezone:ro
  environment:
    - "ES_JAVA_OPTS=-Xms128M -Xmx256m"
  restart: always

habe nur den Port 8080 in der Firewall zum Internet der VM geöffnet - das sollte doch reichen?!

Die Entwickler Console schmeißt ne menge Fehler:

Uncaught (in promise) TypeError: Cannot read property 'map' of undefined
    at App.then.response (App.js:120)
    at <anonymous>
react-dom.production.min.js:164 TypeError: Cannot read property 'length' of undefined
    at DraggableWrapper.value [as renderKpis] (DraggableWrapper.js:226)
    at DraggableWrapper.render (DraggableWrapper.js:413)
    at h (react-dom.production.min.js:130)
    at beginWork (react-dom.production.min.js:133)
    at d (react-dom.production.min.js:161)
    at f (react-dom.production.min.js:161)
    at g (react-dom.production.min.js:162)
    at m (react-dom.production.min.js:169)
    at w (react-dom.production.min.js:168)
    at z (react-dom.production.min.js:167)
h @ react-dom.production.min.js:164
AppActions.js:189 Uncaught (in promise) TypeError: Cannot read property 'key' of undefined
    at getUserSession.then.session (AppActions.js:189)
    at <anonymous>
DraggableWrapper.js:226 Uncaught (in promise) TypeError: Cannot read property 'length' of undefined
    at DraggableWrapper.value [as renderKpis] (DraggableWrapper.js:226)
    at DraggableWrapper.render (DraggableWrapper.js:413)
    at h (react-dom.production.min.js:130)
    at beginWork (react-dom.production.min.js:133)
    at d (react-dom.production.min.js:161)
    at f (react-dom.production.min.js:161)
    at g (react-dom.production.min.js:162)
    at m (react-dom.production.min.js:169)
    at w (react-dom.production.min.js:168)
    at z (react-dom.production.min.js:167)
VM76:164 WebSocket connection to 'ws://xxxxxx.de:8080/http//xxxxxx.de:8080/stomp/958/43zzrwyo/websocket' failed: Error during WebSocket handshake: Unexpected response code: 200
WrappedWebSocket @ VM76:164
xxxxxx.de/:1 EventSource's response has a MIME type ("text/html") that is not "text/event-stream". Aborting the connection.
bundle79421d8df2bb596a5242.js:38049 "ADVANCED_EDIT" uses already existing key combination "ALT+E"
_default @ generateHotkeys.js:21
bundle79421d8df2bb596a5242.js:38049 "COMPLETE_STATUS" uses already existing key combination "ALT+U"
_default @ generateHotkeys.js:21
App.js:120 Uncaught (in promise) TypeError: Cannot read property 'map' of undefined
bundle79421d8df2bb596a5242.js:38049 "ADVANCED_EDIT" uses already existing key combination "ALT+E"
_default @ generateHotkeys.js:21
bundle79421d8df2bb596a5242.js:38049 "COMPLETE_STATUS" uses already existing key combination "ALT+U"
_default @ generateHotkeys.js:21
App.js:120 Uncaught (in promise) TypeError: Cannot read property 'map' of undefined
bundle79421d8df2bb596a5242.js:38049 "ADVANCED_EDIT" uses already existing key combination "ALT+E"
_default @ generateHotkeys.js:21
bundle79421d8df2bb596a5242.js:38049 "COMPLETE_STATUS" uses already existing key combination "ALT+U"
_default @ generateHotkeys.js:21
App.js:120 Uncaught (in promise) TypeError: Cannot read property 'map' of undefined
bundle79421d8df2bb596a5242.js:38049 "ADVANCED_EDIT" uses already existing key combination "ALT+E"
_default @ generateHotkeys.js:21
bundle79421d8df2bb596a5242.js:38049 "COMPLETE_STATUS" uses already existing key combination "ALT+U"
_default @ generateHotkeys.js:21
App.js:120 Uncaught (in promise) TypeError: Cannot read property 'map' of undefined
:8080/http//xxxxxx.de:8080/stomp/958/34szvcld/jsonp?c=_jp.a2zouom:1 Uncaught SyntaxError: Unexpected token <
3iframe.js:77 Uncaught TypeError: Cannot read property 'contentWindow' of null
    at iframe.js:77

Danke Christoph

4

Hallo!

Ich habe den Fehler nicht gefunden aber durch löschen und einem neuen pull usw. funktioniert es nun!

Bei mir funktioniert es nun!:sunglasses:

5

@cjansen

Prima, dass es nun funktioniert.

Ich habe deine alte docker-compose Datei nochmal geprüft und es scheint (auch von den Fehlermeldungen her), dass da wohl ein Doppelpunkt gefehlt hat:

  environment:
    - WEBAPI_URL=http//xxxxxxx.de:8080

.... http//xxxxxx.de:8080/stomp/958/34szvcld/jsonp?c=_jp.a2zouom:1 Uncaught SyntaxError: Unexpected token <

Könnte das sein?

Grüße Julian

6

Hallo Julian,

ja könnte sein - kann ich aber gar nicht mehr nachvollziehen.

Gruß Christoph

7

Kein Problem, hauptsache es funktioniert nun :slight_smile: