Stack trace on HTML panels

Grafana Plugin Development
1

I’m getting the following console output in a HTML panel (code here):

columnNumber: 1799
fileName: "http://grafana.staged-by-discourse.com/public/build/app.5335651c8556e2ce0b42.js"
lineNumber: 8
message: "n.data(...) is undefined"
stack: "link@http://grafana.staged-by-discourse.com/public/build/app.5335651c8556e2ce0b42.js:8:1799\nG/<@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:6121\nkt@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:42035\nh@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:34379\na@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:29904\nV/<@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:29421\nlink@http://grafana.staged-by-discourse.com/public/build/app.5335651c8556e2ce0b42.js:8:12544\nG/<@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:6121\nkt@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:42035\nh@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:34379\na@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:29904\na@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:29921\na@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:29921\nh@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:34323\npt/<@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:39527\nu@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:68722\nl/<@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:69127\n$digest@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:74824\n$evalAsync/<@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:76448\ni@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:21868\nme/l.defer/n<@http://grafana.staged-by-discourse.com/public/build/vendor.fc5441def755e2a9f98e.js:43:23332\n"
__proto__: Object { stack: "", … }
 <i class="grafana-tip fa fa-question-circle ng-scope" bs-tooltip="'These links appear in the dropdown menu in the panel menu. '" data-tooltip-id="bb28fd1c-f3cf-559e-4460-09308d2d2c2a">
angular.js:14700
i/<
angular.js:14700
Le/this.$get</<
angular.js:11142
kt
angular.js:10547
h
angular.js:9934
a
angular.js:9174
V/<
angular.js:9039
link
misc.ts:24:9
G/<
angular.js:1385
kt
angular.js:10545
h
angular.js:9934
a
angular.js:9174
a
angular.js:9177
a
angular.js:9177
h
angular.js:9928
pt/<
angular.js:10273
u
angular.js:17051
l/<
angular.js:17095:25
$digest
angular.js:18233
$evalAsync/<
angular.js:18462
i
angular.js:6362
me/l.defer/n<
angular.js:6642

My panel is pretty basic (just testing a single drop down with styling), but for some reason it’s complaining about a tooltip on the General tab. Any ideas?

Screenshot of failing tooltip:
39 PM

2

I’ve tested this on a new HTML panel with a more basic example:

<!DOCTYPE html>
<html lang="en">
  <head>
  </head>
  <body>
    <div class="container">
      <div class='input-field col s3'>
      </div>
    </div>
  </body>
</html>

And I receive the same stacktrace when clicking the General tab.

3

Invalid html - should use double quotes.