Question

我在ember-cli应用程序中使用以下代码获得以下文件bubbles.hbs，我收到以下错误，Unclosed element d.y (on line 56).我尝试使用Google搜索问题，但无法找到解决方案。

更新

以下是我在下面的代码https://jsfiddle.net/395jthv9/1/中提出的一个小提琴，似乎正在发挥作用。

<script type="text/javascript">
// #5b342f
var beerBackground = d3.select("body").transition()
   .duration(2000)
   // carter wilson color = FFE152
   .style("background-color","#f5d037");
</script>
<script type="text/javascript">

w = window.innerWidth,
h = window.innerHeight;

    var svg = d3.select("body").append("svg:svg")
        .attr("width", w)
        .attr("height", h);

    var circle = svg.selectAll("circle")
        .data(d3.range(70).map(function(datum,interval) {
          return {
            x: interval*20,
            y: 0,
            // stroke-width="1",
            dx: 5,
            dy: -3 * (Math.random()+1),
            mu: Math.random()*2
          };
        }))
      .enter().append("svg:circle")
        .attr("r", 2.5)
        .attr("fill","#FFEFA0") // fill
        .attr("stroke","white") // stroke
       .attr("stroke-width", "1")
        // .attr("opacity",".0.2")
        .style("stroke-opacity", "1.0")
        .style("fill-opacity", ".5");

    var text = svg.append("svg:text")
        .attr("x", 20)
        .attr("y", 20);

    var start = Date.now(),
        frames = 0;

    d3.timer(function() 
    {

  // Update the circle positions.
  circle
      .attr("cx", function(d) {
        d.x += Math.random()*3*Math.sin(Math.random()*3*d.x + Math.random()*10); if (d.x > w) d.x -= w; else if (d.x < 0) d.x += w; return d.x; })
      .attr("cy", function(d) {
        d.y += d.dy ; 
        if (d.y > h) {
          d.y -= h; 
        }
        // And the below line is giving me an error.
        else if (d.y < 0) {
         d.y += h; 
        }
          return d.y; 
      })
      .attr("r",function(d) {
        return (d.y < 100) ? d3.select(this).attr("r") : d.mu*500/d.y;
      }); --}}

});
</script>

Answer 1

您不应使用.hbs标记将JavaScript代码放在<script>文件中。请将此代码移至JavaScript文件中。

因此，请将该代码从bubbles.hbs移至bubbles.js。例如，您可以在didInsertElement钩子中执行该逻辑（如果它是组件），或者在init事件之后执行。

ember-cli unclosed element`d.y`导致ember应用程序崩溃

1 个答案: