ag-grid 主题自定义问题和 resolve-url-loader 失败

Question

我们在应用程序中使用了 ag-grid 版本 20，并按照说明如何在 React 应用程序中导入主题并覆盖 scss 变量。一切都很顺利，并按预期工作。我们刚刚更新到 21.0 版，因此我们可以使用 dndSource 功能，但我们的代码将不再编译。我们得到的错误是
“模块构建失败：错误：resolve-url-loader：CSS 错误 source-map 信息在 url() 声明中不可用"

我环顾四周，这是 libsass 库列出的内容：

Windows 换行符

正常的窗口换行符是 CRLF。但有时 libsass 会输出单个 CR 字符。

此问题特定于多行声明。请参阅 libsass 错误 #2693。

如果您在 url() 语句之前有任何这样的多行声明，它将导致您的构建失败。

Libsass 不认为这些孤儿 CR 是换行符，但 postcss 引擎会。结果是 source-map 行号中的偏移量，导致 resolve-url-loader 崩溃。

模块构建失败：错误：resolve-url-loader：CSS 错误 source-map 信息在 url() 声明中不可用 一些用户发现 node-sass 换行选项解决了这个问题。

解决方案

通过 sass-loader 尝试 node-sass 换行选项。

不确定如何解决这个问题？我们使用 create-react-app，我认为团队不喜欢弹出然后接管 webpack 配置的想法。

Answer 1

简答 - 配置您的编辑器以使用 Linux 行结尾保存文件。停止将 Windows 行结尾放在源文件中，您就不会遇到这个问题了。