Question

我开始使用bootstrap版本4.并开始接收部署到Heroku的错误。我的样式表是custom.css.scss。应用程序在开发中工作没有问题。发布后没有开始升级到bootstrap 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://developers.google.com/analytics/devguides/config/mgmt/v3/quickstart/installed-py

看起来rails团队也建议走下@import路径。

Heroku部署 - Sass :: SyntaxError：导入未找到或不可读的文件：bootstrap-sprockets

2 个答案: