脚本标记源默认为路径上的URL

Question

我正在尝试使用socket.io和Node.JS制作聊天应用程序。在我的名为index.html的html文件中，我试图使用脚本标签指向名为bundle.js的脚本文件，该脚本文件包含一组浏览器化的变量和函数。

问题是，尽管在我的src属性中引用了正确的路径，但该标签似乎在我的本地主机：3000中包含bundle.js。

奇怪的是，当使用开发人员工具查看bundle.js时，内容似乎与我的index.html文件相同。这会产生语法错误，因为JavaScript文件包含我html文件中的html语法。任何想法为什么会这样？

<script src="bundle.js" type="text/javascript"></script>

这是脚本标记在我的html文件中显示的方式。

这是我的开发人员工具屏幕截图的链接（此处为新功能，因此代表不足以发布实际图片）

Answer 1

我们可以看到，在开发人员工具中打开的bundle.js是HTML代码，而不是js，这就是第一行显示错误或Webpack配置出错的原因。