Question

我正在为网站使用两种引导程序布局（https://github.com/BlackrockDigital/startbootstrap-creative和https://github.com/BlackrockDigital/startbootstrap-grayscale）（https://fierce-ocean-39920.herokuapp.com/），并且在Heroku上，具有广告素材布局的页面仅显示html，而具有灰度的页面则显示完美。

我的github：https://github.com/Conbonbot/Community_Service_Logger

我尝试使用maxcdn解决方案，已将其放在我的application.html.erb中，它稍微改变了布局，但实际上并未加载广告素材布局，并且与灰度混乱布局

我已经安装了rails_12factor和anjlab-bootstrap-rails gem，同样，没有任何变化。

我的new.html.erb（不起作用的部分）

  <!-- Font Awesome Icons -->
  <link href="/assets/startbootstrap-creative/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet">
  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>

  <!-- Plugin CSS -->
  <link href="/assets/startbootstrap-creative/vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

  <!-- Theme CSS - Includes Bootstrap -->
  <link href="/assets/startbootstrap-creative/css/creative.min.css" rel="stylesheet">

  <!-- Bootstrap core JavaScript -->
  <script src="/assets/startbootstrap-creative/vendor/jquery/jquery.min.js"></script>
  <script src="/assets/startbootstrap-creative/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Plugin JavaScript -->
  <script src="/assets/startbootstrap-creative/vendor/jquery-easing/jquery.easing.min.js"></script>
  <script src="/assets/startbootstrap-creative/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

  <!-- Custom scripts for this template -->
  <script src="/assets/startbootstrap-creative/js/creative.min.js"></script>

我不断得到

ActionController::RoutingError (No route matches [GET] "/assets/startbootstrap-creative/vendor/fontawesome-free/css/all.min.css"):

对于上面显示的代码中的每一行（仅具有不同的路径）

Answer 1

我通过将heroku buildpack更改为heroku / ruby（捆绑商给了我问题）来解决了这个问题

heroku buildpacks:set heroku/ruby

然后，我将nodejs添加到buildpack中以使用npm安装布局

heroku buildpacks:add heroku/nodejs

然后我安装了布局，

heroku run npm i startbootstrap-creative
heroku run npm i startbootstrap-grayscale

heroku无法从引导布局加载CSS / JS

1 个答案: