stylesheet_link_tag返回<base href =“/”/>而不是<link />

时间:2015-12-17 09:13:37

标签: ember-cli-rails

整个应用程序的Bundler更新导致了从{strong> <link>

返回<%= stylesheet_link_tag 'application', media: 'all'%>的非常具体的问题

现在返回<link rel="stylesheet" href="assets/application.css">

,而不是返回通常的<base href="/">

如果我编辑HTML以手动添加<link>,则css会正确显示,表明没有编译器问题。此外,修复某些类似问题的一些答案不适用于此特定问题,包括(但不限于)以下解决方案:

# Enable the asset pipeline
config.assets.enabled = true

# Fallback to assets pipeline if a precompiled asset is missed.
config.assets.compile = true

# Serve Static Assets. 
config.serve_static_files = true

此外,使用 rake tmp:cache:clear rake assets:clean 切换ENV并清除缓存对此问题没有任何影响......

为了使事情变得更奇怪,ember样式表和脚本按预期工作:

<%= include_ember_stylesheet_tags :frontend %>
<%= include_ember_script_tags :frontend %>

<link rel="stylesheet" href="assets/frontend.css">
<script src="assets/frontend.js"></script>

问题可能与其中一个宝石有关:

  1. Rails(4.2.5)
  2. 链轮(3.5.2)
  3. 您可以在Github上查看完整的Gemfile.lock或整个Source Code

    另一个可能的根本原因是一个新的路由配置,其中某种方式mount_ember_app :frontend, to: "/"与缺少<link>被返回并且<base href="/">被返回相反,因为两者都映射到&#34; /& #34 ;.但是,我当然可能错了......

    这是我能够收集的所有信息,因为我在日志中看不到任何有用的信息,包括浏览器的输出。

1 个答案:

答案 0 :(得分:0)

此问题在多次升级后出现,尤其是在创建 mount_ember_app 之后。修复它的方法是使用与以下类似的结构:

Ember-Cli-Rails初始化程序

EmberCLI.configure do |config|
  config.app :frontend, build_timeout: 30
end

<强>的routes.rb

mount_ember_app :frontend, to: "/", controller: "application"

应用/视图/应用/ index.html.erb

<%= render_ember_app :frontend do |head| %>
  <% head.append do %>

    <%# Rails Asset Pipeline%>

    <%= stylesheet_link_tag 'application', media: 'all'%>
    <%= javascript_include_tag 'application' %>

    <%# Ember-cli-rails Pipeline - Frontend Stylesheet is not used.%>

    <%= include_ember_script_tags :frontend %>
    <% include_ember_stylesheet_tags :frontend %>

    <%# META Stuff %>

    <%= csrf_meta_tag %>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <% end %>
<% end %>

<强>前端/应用/ index.html中

<!DOCTYPE html>
<html>
  <head>
     <title>Frontend</title>
     {{content-for 'head'}}
     {{content-for 'head-footer'}}
  </head>
  <body>
     {{content-for 'body'}}
     {{content-for 'body-footer'}}
     <%= render partial: "layouts/shared/analytics" %>
  </body>
</html>

这将解决大多数(如果不是全部)资产问题。 <base href="/">显然是正常的,因为我现在认为它只是指前端的挂载点。

在大部分SCSS恢复生机之后,我也遇到了@mixins的问题,但后来我发现它们与一个完全不同的问题有关,因此在这个答案中不会讨论。