Question

我开始使用VS Code，所以我没有很多经验。看起来我需要手动添加我需要的所有东西。来自Visual Studio，这在开始时有点奇怪，虽然我看到了它的好处。

我选择了Live Server（https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer）作为我将在Visual Studio Code中处理的项目的Web服务器。不确定这是一个不错的选择，但它的评价很高。

以下是我遇到的问题：当我启动Live Server时，我可以在根目录中提取html文件，但Live Server拒绝加载bundle.js文件，该文件也在根文件夹。

它不会通过引用此bundle.js文件的index.html页面加载js文件。如果我只是在浏览器中键入bundle.js的网址即http://127.0.0.1:5500/bundle.js，它也会拒绝加载它。当我尝试通过浏览器访问bundle.js文件时，我得到：

无法获取/bundle.js

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

知道为什么会这样，以及如何解决它？

Answer 1

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

我有：

src="/main.js"

它必须是：

src="./main.js"

带点。

Answer 2

我也有这个问题。 Live-Server VS Code扩展可能会出现问题。我相信，如果您在包含index.html文件的目录中使用命令行live-server，它应该可以工作。

Answer 3

如果您已完成以下操作：

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

替换为：

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

Answer 4

在这种情况下，当我将js文件放在名为“ js”的子文件夹中时，请使用上面的示例js / main.js进行调用。有效。