Question

当我将rails应用程序部署到Heroku时，CSS不起作用。

我的application.css.scss有：

＆＃13;

@import 'normalize';
@import 'skeleton';
@import 'animate.min';
@import 'froala_editor.min.css';
@import 'froala_style.min.css';
@import 'font-awesome';

@import 'plugins/char_counter.min.css';
@import 'plugins/code_view.min.css';
@import 'plugins/colors.min.css';
@import 'plugins/emoticons.min.css';
@import 'plugins/file.min.css';
@import 'plugins/fullscreen.min.css';
@import 'plugins/image_manager.min.css';
@import 'plugins/image.min.css';
@import 'plugins/line_breaker.min.css';
@import 'plugins/table.min.css';
@import 'plugins/video.min.css';

＆＃13;

我尝试使用像rails_12factor，rails_serve_static_assets和

这样的宝石

 config.serve_static_files = true

此外：

RAILS_ENV=production bundle exec rake assets:precompile

http://cl.ly/0c0z0M3H2v13 http://cl.ly/0G0z0S331c22

Answer 1

答案在这里：

https://stackoverflow.com/questions/15354539/heroku-does-not-compile-files-under-assets-pipelines-in-rails-4

只有我改变了：

var entries = [{"date":"2016-01-06","value":15},{"date":"2015-11-17","value":15.4},{"date":"2015-11-11","value":16.5},{"date":"2015-09-24","value":15.1},{"date":"2015-08-22","value":15},{"date":"2015-08-12","value":15},{"date":"2015-07-30","value":14.6},{"date":"2015-07-19","value":14.8},{"date":"2015-07-18","value":14.9},{"date":"2015-07-12","value":14.9},{"date":"2015-07-08","value":14.9},{"date":"2015-06-29","value":14.3},{"date":"2015-06-21","value":14.5},{"date":"2015-06-18","value":14.7},{"date":"2015-06-09","value":15},{"date":"2015-06-08","value":14.1},{"date":"2014-12-06","value":13.4},{"date":"2014-09-10","value":13.1},{"date":"2014-08-01","value":14.2},{"date":"2014-07-07","value":15},{"date":"2014-05-31","value":14},{"date":"2014-05-24","value":15},{"date":"2014-05-14","value":15},{"date":"2014-05-13","value":14},{"date":"2014-05-08","value":14.5},{"date":"2014-05-02","value":15}],
    goal = {"value":13.5,"date":"2014-05-02"};

function enter(data, goal) {

    data.forEach(function(d) {
        d.date = parseDate(d.date);
        d.value = +d.value;
    });

    data.sort(function(a, b) {
        return a.date - b.date;
    });

  x.domain([data[0].date, data[data.length - 1].date]);

  // here is where the y axis is made. I need to edit this to somehow force it to use goal.value as the middle number
  y.domain(d3.extent(data, function(d) { return d.value; }));

  svg.append("path")
      .datum(data)
      .attr("class", "area")
      .attr("d", area);

  svg.append("path")
      .datum(data)
      .attr("class", "line")
      .attr("d", line);

  svg.append("g")
      .attr("class", "x axis")
      .attr("transform", "translate(0," + height + ")")
      .call(xAxis);

  svg.append("g")
      .attr("class", "y axis")
        .attr("transform", "translate(" + width + ",0)")
      .call(yAxis);

    // here I make the dashed goal line
    svg.append("line")
        .attr("class", "goal")
        .attr("y1", y(goal.value))
        .attr("x1", x(data[0].date))
        .attr("y2", y(goal.value))
        .attr("x2", x(data[data.length - 1].date));

}

人：

 config.assets.compile = false

部署到Heroku

1 个答案: