Javascript HTML脚本标记灰显且未加载_Javascript_Html

Javascript HTML脚本标记灰显且未加载

javascript html

Javascript HTML脚本标记灰显且未加载,javascript,html,Javascript,Html,此图显示了我的代码的外观。我有一个js文件我想使用，但由于某些原因我无法加载它 <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt

此图显示了我的代码的外观。我有一个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>


{{title}}

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

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

#2在

type=”“src=“…”

之间添加空格，或完全删除

type

属性（因为它仍然是空的）

#3您是否在任何本地服务器上运行此功能？或者您在浏览器中将其作为静态HTML文件打开？

您收到错误“由于MIME类型（“text/HTML”）不匹配（X-Content-type-Options:nosniff），”来自“localhost:3000/public/js/app.js”的资源被阻止，这表示属性

type=”“

的值为空。您的Web服务器无法确定js资源类型。添加所需的属性，键入

text/javascript

另外，删除属性之间的空格-

type=”“src=“/public/js/app.js”

请将代码和数据添加为文本（），而不是图像。图片：A）不允许我们复制和粘贴代码/错误/数据进行测试；B）不允许基于代码/错误/数据内容进行搜索；和。除了代码格式的文本外，如果图像添加了一些仅由文本代码/错误/数据无法传达的重要信息，则只能使用图像。src引号后面的“延迟”是什么？浏览器控制台显示了什么？获取错误？@ShadowCrafter\u 01这是脚本标记的属性，您应该仔细阅读：@ShadowCrafter\u 01，这是在页面完全加载后执行脚本的属性。

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