Error when using the string "url" in my css

[stefanholzapfel]

When I use the string "url" in my css, I get the following error when bundling:

ERROR in Module build failed (from C:/_Workspaces/mypath/node_modules/resolve-url-loader/index.js):
Error: resolve-url-loader: CSS error
  source-map information is not available at url() declaration (found orphan CR, try removeCR option)
  at file://C:\_Workspaces\mypath\mycomponent.scss:57:3
    at encodeError (C:\_Workspaces\mypath\node_modules\resolve-url-loader\index.js:219:12)
    at onFailure (C:\_Workspaces\mypath\node_modules\resolve-url-loader\index.js:176:14)

I came across that problem because I have a css class name that contains the word "hourly".

Interestingly that happens on my machine running Windows10, but my colleague who is on Ubuntu has no problems bundling.

I use the resolve-ur-loader in an Angular 10 App with Wepback 4. Other dependencies that may be relevant:

"node-sass": "^4.14.1",
"postcss-loader": "^3.0.0",
"sass-loader": "^9.0.2",
"style-loader": "^1.2.1",
"css-loader": "^3.6.0"

Update:
That seem to happen ONLY when the string appears within a @mixin that is @included.

[bholloway]

@stefanholzapfel Have you tried the removeCR option?

[stefanholzapfel]

@bholloway thx for respone.

What is the removeCr option?

I have manually checked if there are any orphan CRs and also tried to replaye with linux LFs, makes no difference.

I ended up renaming all classes so they don't contain "url" strings.

[bholloway]

Please let me know if you wish to re-open.

[stefanholzapfel]

@bholloway Thanks, I worked around the issue by renaming my classes. But maybe relevant to others that may stumble accross that issue.