[Installation] Blank screen at login


#1

I just installed Grafana for the first time (2.6.0, Debian “unstable” package) and I get only a blank screen (solid black on Firefox, solid white on Chrome) when visiting the home page.

I activated router_logging = true and I see that HTTP requests seem OK:

2017/05/07 10:28:45 [I] Starting Grafana
2017/05/07 10:28:45 [I] Version: master, Commit: NA, Build date: 1970-01-01 00:00:00 +0000 UTC
2017/05/07 10:28:45 [I] Configuration Info
Config files:
  [0]: /usr/share/grafana/conf/defaults.ini
  [1]: /etc/grafana/grafana.ini
Command lines overrides:
  [0]: default.paths.data=/var/lib/grafana
  [1]: default.paths.logs=/var/log/grafana
Paths:
  home: /usr/share/grafana
  data: /var/lib/grafana
  logs: /var/log/grafana

2017/05/07 10:28:45 [I] Database: sqlite3
2017/05/07 10:28:45 [I] Migrator: Starting DB migration
2017/05/07 10:28:45 [I] Listen: http://0.0.0.0:3300

2017/05/07 10:28:51 [I] Completed [2a01:e35:8bd9:8bb0:dcaa:4da8:1757:9013] - "GET / HTTP/1.1" 302 Found 29 bytes in 1470us
2017/05/07 10:28:51 [I] Completed [2a01:e35:8bd9:8bb0:dcaa:4da8:1757:9013] - "GET /login HTTP/1.1" 200 OK 2299 bytes in 2633us
2017/05/07 10:28:51 [I] Completed [2a01:e35:8bd9:8bb0:dcaa:4da8:1757:9013] - "GET /public/app/app.js HTTP/1.1" 200 OK 2852 bytes in 11919us
2017/05/07 10:28:51 [I] Completed [2a01:e35:8bd9:8bb0:dcaa:4da8:1757:9013] - "GET /public/app/core/lodash_extended.js HTTP/1.1" 200 OK 660 bytes in 210us
....

The Javascript console shows:

Timestamp: 05/07/17 12:17:48
Error: TypeError: window.jQuery.event.props is undefined
Source File: http://SERVER/public/vendor/angular-native-dragdrop/draganddrop.js?bust=1494152265752
Line: 25

At the end of http://docs.grafana.org/troubleshooting/, I noticed “When you load Grafana and all you get is a blank white page then you probably have a javascript syntax error in config.js” But I did’n touch this file at all, it is still the stock one:

define([
  'app/core/settings',
],
function (Settings) {
  "use strict";

  var bootData = window.grafanaBootData || { settings: {} };
  var options = bootData.settings;

  return new Settings(options);

});

The bug may be in the Debian package https://bugs.debian.org/843263


#2

Looks like a typical JS dependency mess. Can you check if your JavaScript dependencies are configured hard in your package or is there “yarn install” or “npm install” happenning on the way?


#3

Applying the workaround indicated in the Debian bug report (commenting out the ‘ang-drag-drop’ in var apps_deps in app.js) solves the problem.


#4

Why such an old release? Did you download it from our official releases? There is a broken, very old, unofficiall package in a Debian repo I think, don’t use it, use our official Deb release or our apt repo


#5

It’s the one in Debian official “unstable” (the most up-to-date). I do not manage only Grafana, but also other programs, and it is important for me that there are installed as packages, upgradeable, etc. Installing many things from many different places work immediately, but is sure to break later.


#6

Version 2.6.0 is really old. Instructions for our apt repo can be found here:

http://docs.grafana.org/installation/debian/#apt-repository


#7

Regarding the age of the Debian package, see the bug report https://bugs.debian.org/835210


#8

As I said that package was built buy someone else and has been broken from the start, use our official packages or APT repo


#9

the latest ARM (think RPi) package is still 2.6.0 …any updates planned?


#10

The grafana team does not currently maintain any ARM package (hopefully we will add this to the build this year some time).

Which package are you referring to?

The unofficial build that we plan to incorporate into the Grafana release build process is this one:

which has packages for Grafana 4.6


#11

ARM is now supported: https://grafana.com/grafana/download/5.2.0-beta1?platform=arm