javascript - 带有 stylesheet_link_tag 的 HTML1506 : Unexpected token,

标签 javascript html css ruby-on-rails stylesheet

我正在尝试升级一系列 gem,以便获得当前支持。但是,每当我尝试这样做时,我都会开始在 applications.html.erb 上收到 HTML1506。问题发生在 stylesheet_link_tag 和 javascript_include_tag 之间,其中“/body”后跟“脚本”。两者都是生成的,所以我似乎无法解决问题。

我正在升级的 gem 包括:

Successfully installed sprockets-3.4.0
Successfully installed sprockets-rails-2.3.3
Successfully installed sass-rails-5.0.4
Successfully installed bootstrap-sass-3.3.5.1
Successfully installed jquery-rails-4.0.5

我得到的错误是:

来自更好的错误:

Invalid CSS after "...les.responsive'": expected "{", was ";"

从 F12 控制台:

HTML1506: Unexpected token.

来自 F12 调试器:

</section>
</body>
<script>
(function() {

我知道 after 在语法上是不正确的。但是,我没有生成它们!

applications.html.erb 是:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="author" content="me-at-gmail.com">
  <link href="<%= image_path("item.ico") %>" rel="icon" type="image/png">
  <link rel="apple-touch-icon" sizes="128x128" href="apple-touch-icon.png">
  <title><%= content_for?(:title) ? yield(:title) : "Default title..." %></title>
  <meta name="description" content="<%= content_for?(:description) ? yield(:description) : "Key and Car Tracking" %>">
  <%= puts "Action#Controller is " + @_request.filtered_parameters['action'] + "#" + @_request.filtered_parameters['controller'] %>
  <%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
  <%= javascript_include_tag "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js", "application", "data-turbolinks-track" => true %>
  <% csrf_meta_tags %>
  <% #render 'layouts/shim' %>
</head>
<body>
<noscript>
  For full functionality of this site it is necessary to enable JavaScript.
  Here are the <a href="http://www.enable-javascript.com/" target="_blank">
  instructions how to enable JavaScript in your web browser</a>.
</noscript>
<header>
  <%= render 'layouts/navigation' %>
</header>
<main role="main">
  <%= render 'layouts/messages' %>
  <div class="container-fluid">
    <div class="row">
        <%= yield %>
    </div>
  </div>
  <h5 style='color: #97b3fc'>Beta Test version.  Not for production. Copyright 2015&copy;</h5>
  <a rel="license" class='hidden' href="http://www.example.com/">Copyrighted 2015</a>
</main>
<%= debug(get_route_pattern) if Rails.env.development? %>
<%= debug(request.class) if Rails.env.development? %>
<%= debug(params) if Rails.env.development? %>
</body>
</html>

最佳答案

Yule 的提示帮助我找到了错误。奇怪的是,我认为样式表是有效的,因为它在升级之前有效。在我注释掉一些代码时,其中有一个错字导致了问题,如下:

/*
@import 'core';
@import 'datepicker';  /* comments */
@import 'theme';       /* comments */
*/

问题是第一个 */,在日期选择器行的注释之后,终止了顶部的/*。这导致最后的 */无效并抛出错误。

这似乎是 SCSS 预处理中的一个明显问题,因为它应该捕获此类错误并提供不那么隐晦的错误消息。不过,无论如何,问题暂时解决了。谢谢尤尔。

关于javascript - 带有 stylesheet_link_tag 的 HTML1506 : Unexpected token,,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33264028/

相关文章:

javascript - 使用 RESTAdapter 的后端验证始终为 "The adapter rejected the commit because it was invalid"

javascript - 在 MVC 中,让客户端 JavaScript 处理 View 组件是个好主意吗?

html - Wordpress Z-index 问题

C# 从运行时使用 jQuery 更改的代码中获取元素的背景颜色

javascript - 使用 applescript/javascript 将文件内容添加到 Web 表单

javascript - 无法通过 Prompt() 打开带有网站 URL 的窗口

javascript - 在我的网站上流式传输音频

JavaScript 代码未在 HTML5 文档中运行

html - 带有旋转文本的表格单元格的宽度 -- HTML

html - 在 fancyBox 中垂直放置图像+文本