首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Heroku部署- Sass::SyntaxError:未找到或无法读取要导入的文件: bootstrap-sprockets

Heroku部署- Sass::SyntaxError:未找到或无法读取要导入的文件: bootstrap-sprockets
EN

Stack Overflow用户
提问于 2016-01-17 11:48:02
回答 2查看 2.1K关注 0票数 1

我开始使用bootstrap版本4,并开始收到部署到Heroku时出现的这个错误。我的样式表是custom.css.scss。应用程序在开发中工作没有问题。Issued未开始升级到bootstrap v4。当我使用bootstrap v3时,我从来没有遇到过部署方面的问题,我花了很多时间查看其他帖子的不同建议,但都无济于事。

bootstrap.custom.css.scss文件

代码语言:javascript
运行
复制
 @import "bootstrap";

applications.scss

代码语言:javascript
运行
复制
 /*
 *= require_tree .
 *= require_self
 */

application.js

代码语言:javascript
运行
复制
  = require jquery
  = require tether
  = require bootstrap-sprockets
  = require jquery_ujs
  = require turbolinks
  = require_tree .

来自heroku部署的错误

代码语言:javascript
运行
复制
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

代码语言:javascript
运行
复制
 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

代码语言:javascript
运行
复制
 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'
EN

回答 2

Stack Overflow用户

发布于 2016-01-17 12:19:30

您可能希望在application.scss文件中使用@import方法。有关更多信息,请查看此博客文章:

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

看起来rails团队也会建议使用@import路径。

票数 1
EN

Stack Overflow用户

发布于 2016-01-17 18:28:34

我们已经在Heroku上成功部署了bootstrap 4.0.0.alpha,并使用了以下代码:

代码语言:javascript
运行
复制
#app/assets/javascripts/application.coffee
#= require tether
#= require bootstrap

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

我们不使用bootstrap gem,我们使用来自rails-assets的直接实现

作为一个强烈的建议,您最好使用Rails Assets直接从“资产”gem的repos中提取它们

代码语言:javascript
运行
复制
#Gemfile
source "https://rails-assets.org"

gem 'rails-assets-bootstrap', ">= 4.0.0.alpha.2"
gem 'rails-assets-tether'
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34834897

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档