Heroku部署-Sass :: SyntaxError：找不到導入文件或文件不可讀：bootstrap-sprockets

Question

我開始使用Bootstrap版本4。開始收到部署到Heroku的錯誤。 我的樣式表是custom.css.scss。 應用程序在開發中沒有問題。 發行未開始升級到引導v4。 當我使用bootstrap v3時，我從沒有遇到過部署方面的問題，我花了很多時間來審查與其他帖子不同的建議，但都沒有用。

bootstrap.custom.css.scss文件

 @import "bootstrap";

applications.scss

 /*
 *= require_tree .
 *= require_self
 */

的application.js

  = require jquery
  = require tether
  = require bootstrap-sprockets
  = require jquery_ujs
  = require turbolinks
  = require_tree .

Heroku部署錯誤

rake aborted! 
Sass::SyntaxError:File to import not found or unreadable:bootstrap-sprockets.
remote: Load paths:
remote: /tmp/build_9899a15a0b71b25c23a9b8dfc6d02e80/app/assets/images
remote:/tmp/build_9899a15a0b71b25c23a9b8dfc6d02e80/app/assets/javascripts
remote:/tmp/build_9899a15a0b71b25c23a9b8dfc6d02e80/app/assets/stylesheets
remote:/tmp/build_9899a15a0b71b25c23a9b8dfc6d02e80/vendor/assets/javascripts
remote:/tmp/build_9899a15a0b71b25c23a9b8dfc6d02e80/vendor/assets/stylesheets

的Gemfile

 gem 'rails', '4.2.0'
 gem 'pg'
 gem 'sass-rails', '>= 5.0'
 gem 'uglifier', '>= 1.3.0'
 gem 'coffee-rails', '~> 4.1.0'
 gem 'jquery-rails'
 gem 'turbolinks'
 gem 'jbuilder', '~> 2.0'
 gem 'sdoc', '~> 0.4.0', group: :doc

已安裝的寶石

 gem 'bootstrap', '~> 4.0.0.alpha3'
 gem 'sass', '~> 3.4', '>= 3.4.21'
 gem 'sprockets-rails', '~> 3.0'
 source 'https://rails-assets.org' do
  gem 'rails-assets-tether', '>= 1.1.0'
 end
 gem 'rails_12factor', group: :production
 gem 'font-awesome-rails', '~> 4.4.0.0'
 gem 'pry-rails', :group => :development
 gem 'autoprefixer-rails', '~> 6.0.3'
 gem 'devise', '~> 3.5.2'
 gem 'friendly_id', '~> 5.1.0'
 gem 'simple_form'

Answer 1

我們已經在Heroku上成功部署了bootstrap 4.0.0.alpha並使用以下命令：

#app/assets/javascripts/application.coffee
#= require tether
#= require bootstrap

#app/assets/stylesheets/application.sass
@import bootstrap

我們不使用bootstrap gem，而是使用rails-assets的直接實現：

---

強烈建議您最好使用Rails Assets將所有“資產”寶石直接通過其存儲庫拉出：

#Gemfile
source "https://rails-assets.org"

gem 'rails-assets-bootstrap', ">= 4.0.0.alpha.2"
gem 'rails-assets-tether'

Answer 2

您可能想要對application.scss文件使用@import方法。 檢查此博客文章以獲取更多信息：

https://blog.pivotal.io/labs/labs/structure-your-sass-files-with-import

看起來Rails團隊也建議沿着@import路徑前進。