In the context of an HTML Dashboard, why would a simple JS file get parsed into HTML within .../static/app/myapp/?
For example, line 20 of myClass.js reads:
size(width,height) {
which, inside of my.splunk.domain/en-US/static/@12B...85/app/myapp/myClass.js becomes
<tr>
<td id="L20" class="blob-num js-line-number" data-line-number="20"></td>
<td id="LC20" class="blob-code blob-code-inner js-file-line">
<span class=pl-en>size</span>
<span class=pl-kos>(</span>
<span class=pl-s1>width</span>
<span class=pl-kos>,</span>
<span class=pl-s1>height</span>
<span class=pl-kos>)</span>
<span class=pl-kos>{</span></td>
</tr>
and so on for the entire file. Please note that myClass.js has the simple form
class myClass {
}
Here's the relevant context:
- I have an HTML dashboard, properly converted from a simple XML via the UI.
- This dashboard uses two JS files: d3.js and myClass.js.
- The first file, d3, works just fine; the second is included identically:
require.config({
baseUrl: "{{SPLUNKWEB_URL_PREFIX}}/static/js",
waitSeconds: 0,
paths: {
'd3': '{{SPLUNKWEB_URL_PREFIX}}/static/app/myapp/d3v5',
'myClass': '{{SPLUNKWEB_URL_PREFIX}}/static/app/myapp/myClass'
}
});
require([
"splunkjs/mvc",
"myClass",
"d3"
],
function(
mvc,
myClass,
d3
) {
}
- Both scripts are properly located in /splunk/etc/apps/myapp/appserver/static
- myClass.js does depend on d3.js.
- The browser console logs two errors:
- Uncaught SyntaxError: Unexpected token '<' in myClass.js:
// Translations for en_US
i18n_register({"plural": function(n) { return n == 1 ? 0 : 1; }, "catalog": {}});
<!DOCTYPE html> // ERROR THROWN HERE
// ...
- bubbling to Uncaught TypeError: Cannot read property 'myProperty' of undefined
Again, d3.js is also included in the same way and works fine; the script includes a similar preamble but is otherwise unchanged.
Any ideas and/or solutions would be very much appreciated. Also, apologies for the formatting; extra spaces are being inserted.
