Coffeescript＆＃39;未预料到的令牌＆＃39;在codepen中

Question

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

以下是我想尝试的代码：

$(document).ready ->
  render()

所以我在js窗格中启用了coffeescript，并将jQuery添加为外部javascript：

但是我收到此错误

我非常有信心代码是有效的coffeescript代码。那么为什么codepen会标记意外令牌＆＃39;？

Answer 1

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

$(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）向前缩进了一步。缩进表示window.WordCloud调用应该是options对象的一部分，但这不是有效的CoffeeScript。如果我们将其粘贴到＆＃34;尝试CoffeeScript＆＃34;在http://coffeescript.org/部分，它甚至说：

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

如果你解决了这个问题（https://codepen.io/anon/pen/GOgLbo），那么关于>的虚假错误消息就会消失，你就会发现一个关于拼写$canvas错误的简单（和正确）投诉在$canva = $('.wordcloud-canvas')作业中。

您的代码以两种方式被破解，CodePen本身就以不同的方式被破坏了。