Uncareted `sanitize.css` dependency causing failure while requiring `postcss-normalize`

[10hendersonm]

sanitize.css@13.0.0 removes file page.css, which is directly referenced in cssMap.js:

postcss-normalize/src/lib/cssMap.js

Line 16 in 5b80f53

const sanitizePageCSS = resolve('sanitize.css/page.css')

As sanitize.css is installed at version * rather than something like 12.0.0 or ^12.0.0, npm users are auto-upgraded into this breaking sanitize.css version. This includes users of create-react-app's react-scripts.

[avin]

temp solution for package.json

  "scripts": {
     ...
    "preinstall": "npm install --package-lock-only --ignore-scripts && npx npm-force-resolutions"
  }, 
  ...
  "resolutions": {
    "sanitize.css": "12.0.1"
  }

[jonathantneal]

So, @10hendersonm, would an appropriate solution be to protect that code from throwing and releasing that in patch today? Or to force page.css back into sanitize.css?

I can definitely "coordinate" this.

[10hendersonm]

I'll be 100% honest that this isn't my usual space. I dropped a PR (#59) but haven't had a chance to check this repo's normal workflows yet to see if I missed any other requirements.

[10hendersonm]

Oh, hah, @jonathantneal I didn't realize you have sanitize.css as well. You can either code around the removed file, pin this back to the previous sanitize.css version, add it back in sanitize.css, etc. I'm cool with anything, I just don't have direct access to this level of dependencies as npm doesn't have resolutions yet without additional tooling (thanks @avin)

[DavidHenri008]

I was also having the same problem where the sanitiza.css was somehow not found. The suggested workaround worked for me.

[rajrajhans]

Can confirm this issue causes create-react-app to fail, giving the following error on start or build:

ERROR in ./src/index.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/react-scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_module

Loading PostCSS "postcss-normalize" plugin failed: Cannot find module 'sanitize.css/page.css'
Require stack:
- ... \node_modules\react-scripts\node_modules\postcss-normalize\index.cjs

[LQ0611]

I have the same question :'cannot find module ‘sanitize.css/page.css’'

[rajrajhans]

@LQ0611 for now, a temporary fix would be to pin sanitize.css to 12.0.1.

Add this in your package.json

"resolutions": {
   "sanitize.css": "12.0.1"
}

[LQ0611]

Oh, yeah,i do this now. and I hope this question could be completely solved .thank you very much

…

2021年9月15日 下午3:32，Raj Rajhans ***@***.***> 写道： @LQ0611 <https://github.com/LQ0611> for now, a temporary fix would be to pin sanitize.css to 12.0.1. Add this in your package.json "resolutions": { "sanitize.css": "12.0.1" } — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#58 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJ5NG54LK3S3MGCMYCRM3H3UCBDYPANCNFSM5EAQJATQ>. Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.

[yoyo837]

@LQ0611 for now, a temporary fix would be to pin sanitize.css to 12.0.1.

Add this in your package.json

"resolutions": {
   "sanitize.css": "12.0.1"
}

It only works on yarn.

[yoyo837]

• 1. Pin sanitize.css to 12.x versioning #59
• 2. Removed references to sanitize.css/pages.css #60

Vote this 😄