JS 文件中的 <!DOCTYPE html>答案

【问题标题】：<!DOCTYPE html> in JS fileJS 文件中的 <!DOCTYPE html>
【发布时间】：2017-07-26 13:37:10
【问题描述】：

我在我的 map.HTML 标头中引用了两个 JS 文件。 Chrome 控制台提供

  Uncaught SyntaxError: Unexpected token <

这就是我感到困惑的原因。当我单击 Chrome 控制台错误消息时，它会将我带到 Sources 选项卡。在 Sources 下，它将我置于相对 JS 选项卡上，并显示以开头的代码，然后继续显示大量不在我的 map.html 文件或 JS 文件中的代码。想必这是读取JS的时候产生的吧？

这两个JS文件是：

我使用批处理文件 (python.exe -m http.server) 使用简单的 python 服务器在 Chrome 本地打开 map.HTML。

我确信这是非常基本的，但它让我感到困惑，因为我在网上和本地引用了很多其他 JS 文件，但我没有收到这个错误。

谢谢

【问题讨论】：

【解决方案1】：

如果你尝试https://raw.githubusercontent.com/socib/Leaflet.TimeDimension/master/dist/leaflet.timedimension.min.js，你会得到一个源 javascript 文件的接缝。但是您的浏览器也可能认为它是 text/html，因为这是 github 在 content-type 标头中发送的内容。

您可以使用第三方网站来提供具有适当内容类型标头的文件（例如：https://rawgit.com/socib/Leaflet.TimeDimension/master/dist/leaflet.timedimension.min.js）。

【讨论】：

我在网上研究（很多）后尝试了 rawgit.com 方法，但我不确定它是否正确加载。控制台以红色突出显示链接并将其标记为 GET（红色），这表明加载它仍然存在问题。真正让我困惑的是，为什么这两个会引起问题，而其他人却没有。他们有什么独特之处？
这加载了我的 JS，但它仍然在控制台中将其标记为 RED。我想我会做一些阅读。谢谢。

【解决方案2】：

以后在发帖前尽量多做研究，否则很多人会否决你的问题，甚至侮辱你。

一个简单的谷歌搜索 html 和 javascript 之间的差异可能是一个好的开始。第一步是删除那些 doctype 行。它们在 Javascript 中没有任何意义。就像granola这个词在日语中没有意义一样。不同的语言。

但是，查看您的代码，我在您的 javascript 中看不到任何 DOCTYPE 文本。为了真正调试它，您需要在浏览器（我推荐 Chrome）中打开您的网页 (html)，然后按 F12 打开开发人员工具。转到控制台并通过所有文件追溯错误以找到根源。

为了检查并确保您正在尝试提取 javascript 文件而不是 html，请获取您正在使用的所有 src 网址并将它们粘贴到浏览器中。如果您登陆网页，该网址将提供 html，而不是您想要的 javascript。如果您得到一堵文字墙，那么您可能正确地引用了它。

希望在此问题被删除或搁置之前，这会有所帮助。另请注意，人们会因为我实际回答并试图提供帮助而对我投反对票。

【讨论】：

【解决方案3】：

您不能像您尝试的那样直接引用存储在 github 存储库中的代码。

您列出的网址不是 javascript 文件；它们是 github 网页。这就是为什么它们包含您不认识的 HTML 文档类型和代码——它是 github 网站代码。

您可以通过单击任何这些页面顶部的“原始”按钮来获取实际 javascript 文件的 URL（在选择特定的单个文件后 - 您提供的 URL 是目录，而不是单个文件。）例如：

（也就是说，我不认为将 github 视为 CDN 是一个好主意；通常您会将其纯粹用作存储库并将实际使用的文件托管在其他地方。）

【讨论】：