ag-grid 主题定制问题并解决-url-loader 失败
ag-grid theme customization issue and resolve-url-loader failing
我们在我们的应用程序中使用了 ag-grid 版本 20,并且我按照有关如何在我们的 React 应用程序中导入主题和覆盖 scss 变量的说明进行操作。一切顺利,并按预期工作。我们刚刚更新到 21.0 版,因此我们可以使用 dndSource 功能,但我们的代码将无法再编译。我们得到的错误是
“模块构建失败:错误:解析-url-加载器:CSS 错误
url() 声明
中没有源映射信息
我环顾四周,列出了 libsass 库:
Windows换行符
正常的 windows 换行符是 CRLF。但有时 libsass 会输出单个 CR 字符。
此问题特定于多行声明。请参阅 libsass 错误 #2693。
如果您在 url() 语句之前有任何此类多行声明,它将导致您的构建失败。
Libsass 不会将这些孤立的 CR 视为换行符,但 postcss 引擎会。结果是源映射行号中的偏移量导致 resolve-url-loader.
崩溃
模块构建失败:错误:解析-url-加载器:CSS错误
源映射信息在 url() 声明中不可用
一些用户发现 node-sass 换行选项解决了问题。
解决方案
通过 sass-loader 尝试 node-sass 换行选项。
不确定如何解决这个问题?我们使用 create-react-app,我认为团队不喜欢弹出然后接管 webpack 配置的想法。
简答 - 配置您的编辑器以保存带有 Linux 行结尾的文件。停止在您的源文件中放置 Windows 行结尾,您就不会有那个问题。
我们在我们的应用程序中使用了 ag-grid 版本 20,并且我按照有关如何在我们的 React 应用程序中导入主题和覆盖 scss 变量的说明进行操作。一切顺利,并按预期工作。我们刚刚更新到 21.0 版,因此我们可以使用 dndSource 功能,但我们的代码将无法再编译。我们得到的错误是
“模块构建失败:错误:解析-url-加载器:CSS 错误
url() 声明
我环顾四周,列出了 libsass 库:
Windows换行符
正常的 windows 换行符是 CRLF。但有时 libsass 会输出单个 CR 字符。
此问题特定于多行声明。请参阅 libsass 错误 #2693。
如果您在 url() 语句之前有任何此类多行声明,它将导致您的构建失败。
Libsass 不会将这些孤立的 CR 视为换行符,但 postcss 引擎会。结果是源映射行号中的偏移量导致 resolve-url-loader.
崩溃模块构建失败:错误:解析-url-加载器:CSS错误 源映射信息在 url() 声明中不可用 一些用户发现 node-sass 换行选项解决了问题。
解决方案
通过 sass-loader 尝试 node-sass 换行选项。
不确定如何解决这个问题?我们使用 create-react-app,我认为团队不喜欢弹出然后接管 webpack 配置的想法。
简答 - 配置您的编辑器以保存带有 Linux 行结尾的文件。停止在您的源文件中放置 Windows 行结尾,您就不会有那个问题。