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

Webpack CSS错误源映射信息在URL()声明中不可用(找到孤立CR,请尝试removeCR选项),webpack,css-loader,sass-loader,postcss-loader,resolve-url-loader,Webpack,Css Loader,Sass Loader,Postcss Loader,Resolve Url Loader,我在项目中执行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

我在项目中执行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)

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

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

尝试更新节点_modules\resolve url loader中的index.js,以便在此处 在var期权下 var options=Object.assign{ sourceMap:loader.sourceMap, 引擎:“postss”, 沉默:错, 绝对:错, 基普切利:错, ** removeCR:false->将此设置为真**, 根:错, 调试:错误, join:joinFn.defaultJoin
} 尝试将node_modules/resolve url loader/index.js中的引擎“postss”更改为引擎“rework”,希望能有所帮助。

在我的例子中,在IDE Visual Studio代码中从CRLF切换到LF,反之亦然

转到node_modules/resolve url loader/index.js 查找removeCR选项在我的示例中,它位于第53行 将其从false改为true 重新启动你的应用程序
对于仍然有这个问题的人,我找到了一个永久的解决办法

可以使用.gittributes防止文件转换为CRLF

.gittributes文件可以如下所示

*.vcproj    eol=crlf
*.sh        eol=lf

此设置强制Git在签入时将行尾标准化为LF,并防止在签出文件时转换为CRLF


只需提交.gittributes文件,您的文件将在每个系统上以LF行结尾签出。

默认情况下Windows具有CRLF。默认情况下,windows中的编辑器也有CRLF。我认为这不是一个合适的解决办法。CRLF,CR,LF不重要。他们都是新的生产线,很有意义。像个骗子一样工作解决了我的问题,谢谢!这对我来说很有效,在你做了更改后,重新启动应用程序以查看更改
*.scss eol=lf