index.html在Chrome DevTools中引发错误

Question

我正在跟着有关“高级JavaScript”的Udemy课程一起学习，目前正在查看Scopes并观看视频“ 9.什么是IIFE，为什么要使用它？”。

讲师正在使用Chrome DevTools显示JS示例，并创建了以下三个片段-main.js ， other.js ， index.html

指导者试图证明正在运行的main.js将输出：

main: Object{hello: "main"}

other: Object{hello: "other"}

出于某种原因，我在Chrome DevTools中创建的index.html文件在第1行出现错误（x）。我将其另存为“ index.html”，并且按照以下步骤操作，因此不确定为什么文档不正确被识别为html。 我尝试刷新并保存，但是什么也没有。

我的index.html错误

半相关，我尝试运行main.js并写出并保存了other.js和index.html，但是main.js仅打印出<main> {hello：“ main”}>，而不打印出other.js对象为出色地。 我认为这必须归因于index.html文件无法正常工作。

有人知道我在做什么错吗？