HTML 脚本标记灰显且未加载答案

【问题标题】：HTML script tag greyed out and not loadingHTML 脚本标记灰显且未加载
【发布时间】：2021-06-10 06:06:11
【问题描述】：

图片显示了我的代码的样子。我有一个想要使用的 js 文件，但由于某种原因我无法加载它。

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{title}}</title>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,300&display=swap" rel="stylesheet"> 
    <link rel="stylesheet" href="/css/style.css">
    <script type=""src="/public/js/app.js" defer></script>
</head>

【问题讨论】：

请将代码和数据添加为文本 (using code formatting)，而不是图像。图片：A）不允许我们复制粘贴代码/错误/数据进行测试； B) 不允许根据代码/错误/数据内容进行搜索；和many more reasons。除了代码格式的文本之外，只有在图像添加了一些重要的东西，而不仅仅是文本代码/错误/数据传达的内容时，才应该使用图像。
src引号后面的“defer”是什么意思？
浏览器控制台显示什么？遇到错误？
@ShadowCrafter_01 这是脚本标签的属性，您应该阅读它：developer.mozilla.org/en-US/docs/Web/HTML/Element/script
@ShadowCrafter_01，这是页面完全加载后执行脚本的属性。

标签： javascript html

【解决方案1】：

我在这里看到了几个潜在的问题：

#1 您是否看到正在加载网络选项卡中的文件？您确定文件的路径是 100% 正确的吗？

#2 在type=""src="..." 之间添加空格或完全删除type 属性（反正它是空的）

#3 你在任何本地服务器上运行它吗？或者您在浏览器中将其作为静态 HTML 文件打开？

【讨论】：

【解决方案2】：

您收到错误 “来自“localhost:3000/public/js/app.js”的资源由于 MIME 类型（“text/html”）不匹配而被阻止（X-Content-Type-Options: nosniff )."，表示属性type="" 的值为空。并且您的网络服务器无法确定 js 资源类型。添加所需的属性，输入text/javascript。

另外，删除属性之间的空格 - type=""src="/public/js/app.js"。

<script type="text/javascript" src="/public/js/app.js" defer></script>

【讨论】：