3

我开始使用 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文件。如果我只是在浏览器中键入 URL，它也会拒绝加载它，bundle.js即http://127.0.0.1:5500/bundle.js. 当我尝试bundle.js通过浏览器访问文件时，我得到：

无法获取 /bundle.js

当我在 Chrome 中启动开发人员工具时，我看到以下内容，但是当我转到实际文件夹时，我看到该文件在那里。 在此处输入图像描述

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

4

5 回答 5

2

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

我有：

src="/main.js"

它必须是：

src="./main.js"

带点。

于 2020-07-04T10:44:25.960 回答
1

如果您已执行以下操作：

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

将其替换为：

<script src="main.js";> </script>
于 2020-09-12T03:17:38.210 回答
0

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

于 2018-09-05T14:39:12.230 回答
0

我相信这个问题是你可以在 live-server 中看到 HTML 的输出，但在 live server 中看不到 JS 输出，如果这是你的问题，我的回答是：你不需要 JS 文件的 live server，但是你直接到cosole，也就是你做两个文件，一个html，一个是js，在html上提到js文件的src路径，在life server上显示网站，然后右键:inspect，然后转到 element ，靠近 element 有控制台，您可以通过控制台中的更改来更改 js 文件。

于 2022-02-01T08:57:15.737 回答
-2

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

于 2020-09-15T14:47:02.687 回答