如何在浏览器中运行咖啡脚本？答案

【问题标题】：How do I run coffeescript in browser?如何在浏览器中运行咖啡脚本？
【发布时间】：2015-03-03 08:39:38
【问题描述】：

我想用 CoffeeScript 编写我的 jQuery。不过，我无法让 CoffeeScript 在浏览器中运行。我该怎么办？

index.html

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script  type="text/coffeescript" src="app.coffee"></script>
<script type="text/javascript" src="http://github.com/jashkenas/coffee-script/raw/master/extras/coffee-script.js"> </script>

我尝试切换我的脚本标签：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="javascript" src="http://github.com/jashkenas/coffee-script/raw/master/extras/coffee-script.js"> </script>
<script  type="text/coffeescript" src="app.coffee"></script>

但是app.coffee中的coffeescript仍然没有运行：

$(document).ready ->
  console.log "works"

此外，我在控制台中收到以下消息：

Resource interpreted as Script but transferred with MIME type text/plain:

【问题讨论】：

您需要更改app.coffee和coffee-script.js的顺序。 coffee-script.js 应该在 app.coffee 之前调用
还是不行。检查编辑
控制台为空且没有错误？
我收到以下消息：“资源解释为脚本，但传输的 MIME 类型为 text/plain：”
可能重复？ stackoverflow.com/questions/15742415/…

标签： jquery coffeescript

【解决方案1】：

Github 设置 X-Content-Type-Options: nosniff 标头以防止将 Github 用作 CDN（在兼容的浏览器中）。但是话虽如此，我还是会说你正在通过file:// 或c:\ 访问，其中还有一个警告；由于跨域策略，浏览器将阻止您加载您的咖啡脚本文件。

因此，您最好的选择实际上是使用 Harp 之类的东西并设置一个简单的开发服务器，或者将您的咖啡脚本编译为 javascript。

【讨论】：