Chrome 没有显示带有示例 html 文档和单独的 js 文件的控制台日志消息

如何解决Chrome 没有显示带有示例 html 文档和单独的 js 文件的控制台日志消息

我只是在学习 JS 速成课程的 this 指南，因为我将在构建一个小型网站时处理它。我在视频中的 9:40 左右到达了这一点（我的示例 html 索引页面，与 html 内联的示例 JS 代码等）。但是，此时我注意到，当我将所有 JS 代码移动到 main.js 文件并尝试在我的 html 页面中使用 src 调用它时，我没有收到来自 chrome (90.0.4430.212 (Official Build) (64-位）（队列：稳定））开发人员工具。我可以通过在 chrome 的控制台中输入它们来触发错误、信息或警告消息，我可以通过将它们内嵌在 HTML 中来实现它们。但是，将其更改为单独的文件会使某些事情变得混乱吗？我尝试将文件移动到 js/main.js 并更改 html 以匹配

console.log('hello');

<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    <Meta name="viewport" content="initial-scale=1.0">
    <Meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JS Crash Course</title>
    
</head>
<body>
    <header>
        <h1>JS Crash Course</h1>
    </header>
    <script> src="js/main.min.js"</script>
    
</body>
</html>

，没有运气。我尝试更改文件名，我将脚本标签移到标题而不是头部，chrome 控制台中的任何过滤器都没有打开。我正在使用 vscode 扩展实时服务器实时更新我的服务器，就像视频一样，但我无法想象这会如何改变任何东西，因为视频的作者正在做同样的事情。我搜索了一段时间以找到一些答案，我什至在隐身模式下运行服务器，以防某些扩展程序弄乱它，它甚至可以在实时堆栈溢出预览中运行，但不能在我的控制台中运行。Here's how the console looks 如果有人有任何见解，我将不胜感激。我认为这是我缺少的东西。谢谢大家！

解决方法

结果我不得不把 src="js/main.min.js" 放在胡萝卜里才能得到 chrome！感谢您的快速转身！