未捕获的ReferenceError函数未定义

Question

我有一个外部js文件，其中有一个要测试的功能。我无法从onclick调用该函数。

我有一个init函数，我删除了对该函数的调用，而直接调用了loadJSON函数，但是无论如何我都会得到一个引用错误。

我调查了这些问题。 Uncaught exception: ReferenceError: Undefined variable: $

Function is not defined - uncaught referenceerror

似乎都没有帮助。

function loadJSON(){
var xobj = new XMLHttpRequest();

// must set the mime type 
xobj.overrideMimeType("application/json");

// Open the JSON file
xobj.open('GET', 'json/data.json', true);

xobj.onreadystatechange=function(){
    if(xobj.readyState == 4 && xobj.status == "200"){
        // Required use of an anonymous callback as 
        // .open will NOT return a value but simply 
        // returns undefined in asynchronous mode
        console.log(xobj.responseText);
    }
};
xobj.send(null);
}

https://codepen.io/awschneider-dev/pen/LKKxyq?editors=1010

例如参见codepen

我只想让JavaScript拉Json，然后就可以开始将其保存在JavaScript对象中，这样我就可以动态地开始使用数据构建d3图表了。我确实将Live-server与Node.JS结合使用，因此我可以对JSON文件执行xml请求，所以我知道这不是问题。

感谢所有帮助。

谢谢！

**** EDIT-不好，我原本在loadJSON之后使用（），但作为最后的尝试将其删除，只是为了看看它是否有效。我将修理笔。我很抱歉” ****

**** EDIT 2-我将脚本移到了内联，并且当我在NodeJS Live-Server中执行时，行console.log(xobj.responseText);返回html页面的整个源代码。那很有意思！魔鬼在这里发生什么事？****

**** EDIT 3-添加了Techie_28的屏幕截图。当我单击main.js的“意外令牌<”错误时，它会显示html页面的所有源代码，就像html页面以某种方式被转储到.js文件中一样。 ****

**** EDIT 4-添加了屏幕截图，以显示单击“意外令牌”错误时出现的内容。我单击main.js的链接，它所做的就是向我展示index.html页，就像将html页转储到.js文件中一样。 ****