CSS 错误源映射信息在 URL() 声明中不可用（找到孤立 CR，尝试 removeCR 选项）

Question

在我的项目中执行 NPM start 时遇到问题。我收到此错误消息：

./src/assets/base.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/react-scripts/node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!./src/assets/base.scss)
Error: resolve-url-loader: CSS error
  source-map information is not available at url() declaration (found orphan CR, try removeCR option)

Answer 1

此问题可能有多种原因，我将给出 3 种可能的解决方案，请尝试所有解决方案

1. 尝试index.js在node_modules\resolve-url-loader 此处更新当前var options

var options = Object.assign({
      sourceMap: loader.sourceMap,
      engine: 'postcss',
      silent: false,
      absolute: false,
      keepQuery: false,
      **
      removeCR: false-- > make this "true" ** ,
      root: false,
      debug: false,
      join: joinFn.defaultJoin
    }

然后重启你的应用

2. 下一个解决方案与上面的解决方案相同，将行尾序列更改为 LF 查看下面的屏幕截图以了解在 VS Code 中是如何完成的

3. 检查您的 CSS 文件，方法是一一注释它们并运行您的代码以查找存在错误的文件。检查所有导入语句以及 CSS 文件中的 Web 链接。

PS这是我的第一个答案，所以请放轻松：p有关我写的内容的更多参考，您也可以访问此链接->有关更多详细信息，您也可以参考此链接

Answer 2

打开文件 *.css 并在 IDE 中选择行尾序列为 LF（在我的情况下，我已从 CRLF 更改为 LF）。

Answer 3

在您的 IDE 中从“CRLF”切换到“LF”（反之亦然）（在我的例子中是 Visual Studio Code）

Answer 4

1. 转到 node_modules/resolve-url-loader/index.js
2. 找到 removeCR 选项（在我的例子中是在第 53 行）
3. 将其从“假”更改为“真”
4. 重启你的应用