Coffeescript 咖啡脚本'；非预期代币'；在codepen中

我正在尝试在代码笔中使用coffeescript

下面是我想尝试的代码：

$(document).ready ->
  render()

因此，我在

js

窗格中启用了coffeescript，并添加了

jQuery

作为外部javascript：

然而，我得到了这个错误

---

我非常确信该代码是有效的coffeescript代码。那么为什么

codepen

标记“意外令牌”？

如果我们查看您的所有代码：

$(document).ready ->
  render()

getWordList = ->
  [['hello', 12], ['dear', 10], ['a', 9], ['Joe', 5], ['8', 2]]

render = ->
  $canva = $('.wordcloud-canvas')
  options =
    list           : getWordList()
    fontFamily     : 'Times, serif'
    weightFactor   : 2
    color          : '#f02222'
    rotateRatio    : 0
    rotationSteps  : 0
    shuffle        : false
    backgroundColor: 'white'
    drawOutOfBound : no
    gridSize       : 320

    window.WordCloud $canvas[0], options

我们发现问题在于第21行（

window.WordCloud$canvas[0]，options

）缩进得太远了。缩进表示

窗口.WordCloud

调用应该是

选项

对象的一部分，但这不是有效的CoffeeScript。如果我们将其粘贴到网站的“尝试咖啡脚本”部分，它甚至会说：

[stdin]:19:25: error: unexpected newline
    gridSize       : 320
                        ^

如果您解决了（）问题，那么有关

的虚假错误消息就会消失，您只会收到一个简单（正确）的投诉，抱怨

$canvas

在

$canva=$（'.wordcloud canvas'）

作业中拼写错误

您的代码以两种方式被破坏，CodePen本身以另一种方式被破坏。

这是我的CodePen：