JS文件未在VS Code中加载到Live Server上

Posted 2021-05-03

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

不能GET /bundle.js

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

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

答案

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