外部Javascript不';在VST代码中加载

外部Javascript不';在VST代码中加载,javascript,html,visual-studio-code,Javascript,Html,Visual Studio Code,我在VSCODE工作。我有一个html页面,我想在其中包含一个外部javascript文件 这是html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

我在VSCODE工作。我有一个html页面,我想在其中包含一个外部javascript文件

这是html:

<!DOCTYPE html>
<html lang="en">
   
   <head>
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>Javascript Exercise</title>
       <link rel="stylesheet" href="./assets/css/styles.css">
       
   </head>

   <body onload="addTable()">
       <div class="title">Reports</div>        

       <!-- singolo run test -->
       <div class="block">
           <h1> Ultimo test eseguito </h1>

           <div id="myDynamicTableTitles" class="table"></div>
           <div id="myDynamicTable" class="table"></div>
           
       </div>

       <!-- JAVASCRIPT -->
       <script src="./index.js"></script> 

   </body>

   


</html>

Javascript练习
报告
终极测试
我确信我写的js是可以工作的,因为如果我把js直接放在
页面中,页面就会工作

你知道为什么,如果我把它放进一个外部文件,它不会加载吗?我还确信路径
“/index.js”
是正确的

我注意到,如果我直接点击html文件,它就会工作(就像从计算机浏览器中)。但是如果我通过VSCode加载项目,它不会

当我执行
npm start
时,它编译并给我一个
http://localhost:xxxx

举个例子。。。 也许脚本有错误

函数添加表(表){
//也许你错过了什么?举个例子
//获取主体的引用
var body=document.getElementsByTagName(“body”)[0];
//创建一个元素和一个元素
var tbl=document.createElement(“表”);
var tblBody=document.createElement(“tbody”);
//创建所有单元格
对于(变量i=0;i<2;i++){
//创建一个表行
var行=document.createElement(“tr”);
对于(var j=0;j<2;j++){
//创建元素和文本节点,使文本
//节点的内容,并将
//表行的末尾
var cell=document.createElement(“td”);
var cellText=document.createTextNode(“行“+i+”中的单元格,列“+j”);
cell.appendChild(cellText);
子行(单元格);
}
//将该行添加到表体的末尾
tblBody.appendChild(世界其他地区);
}
//把钥匙放在箱子里
tbl.附肢儿童(tblBody);
//附加到
附肢儿童(tbl);
//将tbl的边框属性设置为2;
tbl.setAttribute(“边界”、“2”);
}

Javascript练习
报告
终极测试
我注意到,如果我直接点击html文件,它就会工作(就像从计算机浏览器中)。但是如果我通过VSCode加载项目,它不会

听起来您使用的扩展名是:

注意:预览中不支持Javascript


使用浏览器测试依赖浏览器的JS。

您的代码看起来不错。您忘记了关闭标记。请将所有代码放入您的
代码
将所有代码放入正文并正确关闭正文。仍然不起作用:(你只需点击.html文件,对吗?或者你在服务器上有这个吗?修改你的问题以修复
body
标记,并让我们知道你是否仍然有更新代码的问题我没有使用该扩展名。当我执行
npm start
时,它会编译并给我一个
http://localhost:xxxx
呃,你是说你加载
http://localhost:xxxx/
但不是您加载的文件
file:///path/to/your/index.html
?如果是这样,那么问题几乎肯定出在服务器端JS上,您没有向我们展示负责运行HTTP服务器的JS。