2

我目前正在使用 sinatra 制作一个应用程序，并且我已经工作了几个小时来尝试在其中实现引导程序，并意识到它在 Rails 中是多么容易。

无论如何，当我运行 Web 服务器并转到 / 时，我看到与<%= stylesheet_link_tag 'app', media: 'all' %>我放入 app.erb 视图（我的 webapp 的索引）中的行有关的错误。此行用于在 assets/stylesheets 文件夹中加载一个 scss 文件，该文件包含引导程序的 @import 值。

我正在使用 sinatra-asset-pipeline gem，并根据 github 页面上的说明正确设置了它。在过去的 4 个小时里，我一直在尝试很多东西，但没有任何效果。这是最重要文件的代码：

资产/样式表/app.scss：

@import "bootstrap-sprockets";
@import "bootstrap";

意见/app.erb：

<!DOCTYPE html>
<html>

  <head>
    <title>Salah Kayali</title>
    <%= stylesheet_link_tag 'app', media: 'all' %>
    <%= javascript_include_tag 'app' %>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>

  <body>
    <%= partial :header %>
  </body>

</html>

应用程序.rb：

require 'sinatra/partial'
require 'rubygems'
require 'sinatra'
# set :bind, '0.0.0.0'
require 'sinatra/asset_pipeline'

class App < Sinatra::Base
    register Sinatra::Partial
    configure do
    set :assets_precompile, %w(app.js app.scss *.png *.jpg *.svg *.eot *.ttf *.woff)
    set :assets_css_compressor, :sass
    set :assets_js_compressor, :uglifier
        register Sinatra::AssetPipeline

        if defined?(RailsAssets)
      RailsAssets.load_paths.each do |path|
        settings.sprockets.append_path(path)
      end
    end
  end

  enable :partial_underscores
    set :partial_template_engine, :erb

  get '/' do
    erb :app
  end
  run! if __FILE__ == $0
end

配置.ru：

require 'rubygems'
require 'bundler'
Bundler.require
run App

耙文件：

require 'sinatra/asset_pipeline/task'
require './app'

Sinatra::AssetPipeline::Task.define! App

宝石文件：

source "https://rubygems.org"
ruby "2.2.3"

gem 'bundler', '~> 1.10.6'

gem 'sinatra', require: 'sinatra/base'
gem 'sinatra-asset-pipeline', require: 'sinatra/asset_pipeline'

gem 'thin', '~> 1.6.4'

gem 'sass', '~> 3.4.18'

gem 'coffee-script', '~> 2.4.1'

gem 'uglifier', '~> 2.7.2'

gem 'rack-coffee', '~> 1.0.3'

gem 'sinatra-partial'

source 'https://rails-assets.org' do
  gem 'rails-assets-jquery'
  gem 'rails-assets-bootstrap-sass'
end

我希望有人可以提供帮助，因为我真的不知道该怎么做。我通常习惯于 rails，asset-pipeline 已经存在并且可以处理所有事情。不过，我强迫自己用 sinatra 制作这个 webapp，这样我才能真正理解当你“自动”用 rails 创建东西时实际发生了什么。

这是我浏览器中错误输出屏幕截图的链接：http: //puu.sh/ktUIA/1d8396b034.png

4

1 回答 1

1

您的问题是它是 ActionView 的一部分，它是 Rails 的核心之一（即参见 参考资料stylesheet_link_tag）。javascript_include_tagActionView::Helpers::AssetTagHelper

根据sinatra-asset-pipeline文档：

现在一切就绪后，您可以使用 sprockets-helpers 提供的所有帮助程序

查看一个sprocket-helpers示例，您需要执行以下操作：

<link rel="stylesheet" href="<%= stylesheet_path 'application' %>">
<script src="<%= javascript_path 'application' %>"></script>

所以你要找的是stylesheet_pathandjavascript_path而不是stylesheet_link_tagand javascript_include_tag。

于 2015-09-30T20:27:17.580 回答