在JS文件中

时间:2017-07-26 13:37:11

标签: javascript html syntax token

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

  Uncaught SyntaxError: Unexpected token <

这就是为什么我很困惑。当我点击Chrome控制台错误消息时,它会转到“来源”标签。在Sources下,它将我放在相对JS选项卡上,并显示以&lt;开头的代码。 !DOCTYPE html&gt;然后继续使用大量不在我的map.html文件或JS文件中的代码。据推测,这是在读取JS时产生的?

两个JS文件是:

https://github.com/socib/Leaflet.TimeDimension/tree/master/dist https://github.com/calvinmetcalf/leaflet-ajax/tree/gh-pages/dist

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

我确信这是非常基本的,但它让我感到困惑,因为我在线和本地都引用了大量其他JS文件而且我没有收到此错误。

由于

3 个答案:

答案 0 :(得分:3)

如果您在浏览器中尝试https://github.com/socib/Leaflet.TimeDimension/blob/master/dist/leaflet.timedimension.min.js,则会获得一个HTML页面。

如果您尝试https://raw.githubusercontent.com/socib/Leaflet.TimeDimension/master/dist/leaflet.timedimension.min.js,您将获得源javascript文件的接缝。但是你的浏览器也可以认为它是text / html,因为这就是github在内容类型标题中发送的内容。

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

答案 1 :(得分:0)

将来,在发布之前尝试做更多的研究,否则很多人会向你提出问题,甚至侮辱你。

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

但是,查看您的代码,我在您的javascript中看不到任何granola文本。为了真正调试这个,你需要在浏览器中打开你的网页(html)(我推荐Chrome)并按F12打开开发人员工具。转到控制台并通过所有文件追溯错误以找到原点。

为了检查并确保您尝试提取javascript文件而不是html,请使用您正在使用的所有DOCTYPE网址并将其粘贴到浏览器中。如果你登陆网页,该网址将提供HTML,而不是你想要的javascript。如果你得到一面文字,你可能正确引用它。

正确:https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.js

不正确:https://github.com/socib/Leaflet.TimeDimension/blob/master/dist/leaflet.timedimension.min.js

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

答案 2 :(得分:0)

您无法直接引用存储在github repo中的代码,就像您正在尝试的那样。

您列出的网址不是javascript文件;他们是github网页。这就是为什么它们包含您无法识别的HTML文档类型和代码 - 它是github网站代码。

您可以点击&#34; raw&#34;获取实际javascript文件的网址。任何这些页面顶部的按钮(选择特定的单个文件后 - 您提供的URL是目录,而不是单个文件。)例如:

这是一个HTML文件:https://github.com/socib/Leaflet.TimeDimension/blob/master/dist/leaflet.timedimension.min.js

这是原始的javascript: https://raw.githubusercontent.com/socib/Leaflet.TimeDimension/master/dist/leaflet.timedimension.min.js

(也就是说,我不相信将github视为CDN是一个好主意;通常你会将其纯粹用作存储库并托管其他地方使用的实际文件。)