如何修复源映射错误：错误：部分偏移必须有序且不重叠

Question

我突然在控制台上收到此警告。我上次的正式提交没有这个问题，并且撤销我的更改似乎并不能解决这个问题。

关于如何解决这个问题有什么建议吗？预编译、清理等，好像都没有效果。

Answer 1

通过删除直接应用于 body 和 html 标记的 css 属性来修复此错误。使用容器并将属性应用到它。

在你的 css 文件中：

.container {
    background-color: #fff;
    color: black;
    margin: 33px;
}

在你的 html.erb 中：

<html>
    <head>
      <!-- ... -->
    </head>
    <body>
      <main class="container">
        <%= yield %>
      </main>
    </body>
</html>