Visual studio code 未在VS代码中的实时服务器上加载JS文件

我开始使用VS代码，所以我没有太多的经验。看起来我需要手动添加所有需要的内容。从VisualStudio开始，这有点奇怪，尽管我看到了好处

我选择liveserver（）作为我将在visualstudio代码中处理的项目的web服务器。不确定这是否是一个好的选择，但它的评级很高

我遇到的问题是：当我启动Live Server时，我可以在根目录中调出我的

html

文件，但Live Server拒绝加载也在根文件夹中的

bundle.js

文件

它不会通过引用此

js

文件的

index.html

页面加载

bundle.js

文件。如果我只是在浏览器中键入

bundle.js

的URL，即

http://127.0.0.1:5500/bundle.js

。当我试图通过浏览器访问

bundle.js

文件时，我得到：

无法获取/bundle.js

当我在Chrome中启动开发者工具时，我看到了以下内容，但当我转到实际的文件夹时，我看到文件在那里。

---

知道为什么会发生这种情况以及如何解决吗？

我也有这个问题。可能是Live Server VS代码扩展有问题。我相信如果您在包含index.html文件的目录中使用命令行

live server

，它应该可以工作

这个问题可能很老，但我在从XAMPP切换到Live Server扩展时遇到了相同的问题。脚本标记在XAMPP中加载良好，但在Live Server上加载404。问题是相对路径格式

我有：

src="/main.js"

它必须是：

src="./main.js"

---

带点。

如果您已完成以下操作：

<script> src="main.js"; </script>

src=“main.js”；

替换为：

<script src="main.js";> </script>

在本例中，我将js文件放在名为“js”的子文件夹中，使用上面的示例js/main.js进行调用。它成功了。

您好，请在上打开问题请求。我想帮助你。我也遇到过同样的问题，清空缓存对我来说很有效。虽然它仍在支撑，然后我需要再次清空缓存。请澄清更多细节