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
// this is the entire file
class myClass {
// vanilla js stuff...
}
Here's the relevant context:
require.config({
baseUrl: "{{SPLUNKWEB_URL_PREFIX}}/static/js",
waitSeconds: 0, // Disable require.js load timeout
paths: {
'd3': '{{SPLUNKWEB_URL_PREFIX}}/static/app/myapp/d3v5',
'myClass': '{{SPLUNKWEB_URL_PREFIX}}/static/app/myapp/myClass'
}
});
require([
"splunkjs/mvc",
// ...
"myClass",
"d3"
// Add comma-separated libraries and modules manually here, for example:
// ..."splunkjs/mvc/simplexml/urltokenmodel"
],
function(
mvc,
// ...
myClass,
d3
// Add comma-separated parameter names here, for example:
// ...UrlTokenModel
) {
// Everything else...
}
// Translations for en_US
i18n_register({"plural": function(n) { return n == 1 ? 0 : 1; }, "catalog": {}});
<!DOCTYPE html> // ERROR THROWN HERE
// ...
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.