webpack - 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 种可能的解决方案，请尝试所有解决方案

尝试更新 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
    }

然后重启你的应用

下一个解决方案与上面的解决方案相同，将行尾序列改为LF
See screenshot below to know how it is done in VS Code

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

附言这是我的第一个答案，所以请放轻松:p
有关我所写内容的更多引用，您也可以访问此链接 -> For more details you can also refer this link