Installation issue in Ubuntu 17.04 + Blank screen

Grafana Installation
1

I just installed Grafana on a new Ubuntu 17.04 box, and accessing the URL gives me a blank page.

Chrome console output has the following:

draganddrop.js?bust=1504182513235:25 Uncaught TypeError: Cannot read property ‘indexOf’ of undefined
at draganddrop.js?bust=1504182513235:25
at draganddrop.js?bust=1504182513235:390
(anonymous) @ draganddrop.js?bust=1504182513235:25
(anonymous) @ draganddrop.js?bust=1504182513235:390
jquery.js?bust=1504182513235:3855 Uncaught Error: [$injector:modulerr] Failed to instantiate module ang-drag-drop due to:
Error: [$injector:nomod] Module ‘ang-drag-drop’ is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.4.3/$injector/nomod?p0=ang-drag-drop
at domain:3000/public/vendor/angular/angular.js?bust=1504182513235:68:12
at domain:3000/public/vendor/angular/angular.js?bust=1504182513235:1958:17
at ensure (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:1882:38)
at module (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:1956:14)
at domain:3000/public/vendor/angular/angular.js?bust=1504182513235:4362:22
at forEach (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:336:20)
at loadModules (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:4346:5)
at createInjector (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:4272:11)
at doBootstrap (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:1630:20)
at Object.bootstrap (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:1651:12)
http://errors.angularjs.org/1.4.3/$injector/modulerr?p0=ang-drag-drop&p1=Error%3A%20[%24injector%3Anomod]%20Module%20’ang-drag-drop’%20is%20not%20available!%20You%20either%20misspelled%20the%20module%20name%20or%20forgot%20to%20load%20it.%20If%20registering%20a%20module%20ensure%20that%20you%20specify%20the%20dependencies%20as%20the%20second%20argument. http%3A%2F%2Ferrors.angularjs.org%2F1.4.3%2F%24injector%2Fnomod%3Fp0%3Dang-drag-drop %20%20%20%20at%20http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A68%3A12 %20%20%20%20at%20http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A1958%3A17 %20%20%20%20at%20ensure%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A1882%3A38) %20%20%20%20at%20module%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A1956%3A14) %20%20%20%20at%20http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A4362%3A22 %20%20%20%20at%20forEach%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A336%3A20) %20%20%20%20at%20loadModules%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A4346%3A5) %20%20%20%20at%20createInjector%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A4272%3A11) %20%20%20%20at%20doBootstrap%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A1630%3A20) %20%20%20%20at%20Object.bootstrap%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A1651%3A12)
at domain:3000/public/vendor/angular/angular.js?bust=1504182513235:68:12
at domain:3000/public/vendor/angular/angular.js?bust=1504182513235:1958:17
at ensure (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:1882:38)
at module (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:1956:14)
at domain:3000/public/vendor/angular/angular.js?bust=1504182513235:4362:22
at forEach (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:336:20)
at loadModules (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:4346:5)
at createInjector (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:4272:11)
at doBootstrap (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:1630:20)
at Object.bootstrap (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:1651:12)
http://errors.angularjs.org/1.4.3/$injector/modulerr?p0=ang-drag-drop&p1=Error%3A%20[%24injector%3Anomod]%20Module%20’ang-drag-drop’%20is%20not%20available!%20You%20either%20misspelled%20the%20module%20name%20or%20forgot%20to%20load%20it.%20If%20registering%20a%20module%20ensure%20that%20you%20specify%20the%20dependencies%20as%20the%20second%20argument. http%3A%2F%2Ferrors.angularjs.org%2F1.4.3%2F%24injector%2Fnomod%3Fp0%3Dang-drag-drop %20%20%20%20at%20http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A68%3A12 %20%20%20%20at%20http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A1958%3A17 %20%20%20%20at%20ensure%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A1882%3A38) %20%20%20%20at%20module%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A1956%3A14) %20%20%20%20at%20http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A4362%3A22 %20%20%20%20at%20forEach%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A336%3A20) %20%20%20%20at%20loadModules%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A4346%3A5) %20%20%20%20at%20createInjector%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A4272%3A11) %20%20%20%20at%20doBootstrap%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A1630%3A20) %20%20%20%20at%20Object.bootstrap%20(http%3A%2F%2Fdomain%3A3000%2Fpublic%2Fvendor%2Fangular%2Fangular.js%3Fbust%3D1504182513235%3A1651%3A12)
at domain:3000/public/vendor/angular/angular.js?bust=1504182513235:68:12
at domain:3000/public/vendor/angular/angular.js?bust=1504182513235:4385:15
at forEach (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:336:20)
at loadModules (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:4346:5)
at createInjector (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:4272:11)
at doBootstrap (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:1630:20)
at Object.bootstrap (domain:3000/public/vendor/angular/angular.js?bust=1504182513235:1651:12)
at HTMLDocument. (domain:3000/public/app/app.js?bust=1504182513235:85:19)
at mightThrow (domain:3000/public/vendor/jquery/dist/jquery.js?bust=1504182513235:3570:29)
at process (domain:3000/public/vendor/jquery/dist/jquery.js?bust=1504182513235:3638:12)

I followed the APT installation instructions in the official documentation.

How should I proceed?

2

Which version did you install? And these are the instructions you followed?

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

Also, any errors in the grafana server logs?

3

The logs look fine:

2017/08/31 12:23:22 [I] Starting Grafana
2017/08/31 12:23:22 [I] Version: master, Commit: NA, Build date: 1970-01-01 00:00:00 +0000 UTC
2017/08/31 12:23:22 [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/08/31 12:23:22 [I] Database: sqlite3
2017/08/31 12:23:22 [I] Migrator: Starting DB migration
2017/08/31 12:23:22 [I] Listen: http://0.0.0.0:3000

The version information is only showing me master, though:

grafana -v
Version master (commit: NA)

Should I try re-installing?

4

Just to double-check, did you install using the instructions that I linked to above? Or did you install the old, broken Grafana package (that we did not create and do not maintain) from apt.

5

I just purged the package and re-installed, and its fine now. Grafana version is Version 4.4.3 (commit: 54c79c5). Followed the instructions you linked to, but I must have missed a step last time. The login page is opening properly and it seems fully functional.

1 Like
6

I have exactly the same problem on a raspberry Pi. Followed the instructions exactly, however I get the same error.

root@raspberrypi:/var/log# grafana -v
Version master (commit: NA)

I tried to purge and re-install, however it didn’t work.

Any ideas about how to ensure the latest version is installed?

When I do this, it shows version 2.6

root@raspberrypi:/var/log# apt-get upgrade grafana
Reading package lists… Done
Building dependency tree
Reading state information… Done
grafana is already the newest version (2.6.0+dfsg-3+b1).
Calculating upgrade… Done
0 upgraded, 0 newly installed, 0 to remove and 0 not upgraded.

7

I also did a complete re-install of linux from scratch, avoiding the “bad” 2.6 and it still installed 2.6 when I followed the instructions exactly…

8

I solved this. I didn’t realise that with Pi you have to install a different way, ie by downloading the .deb and manually installing. Also wasn’t clear that the arm version was arm7, as I believe pi3 is arm64. All solved for now.