search

lxieyang / chrome-extension-boilerplate-react

A Chrome Extensions boilerplate using React 18 and Webpack 5.
MIT License
3.58k stars 1.1k forks source link

Fix sass + GYP error #51

Open kcirtaptrick opened 3 years ago

kcirtaptrick commented 3 years ago

Replaces node-sass with sass package to resolve GYP error

mitul-s commented 3 years ago

Still getting the error on my end

devinrhode2 commented 3 years ago

For searchability, I'm assuming this is the error you two are referring to:

ERROR in ./src/pages/Popup/Popup.css (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/pages/Popup/Popup.css)
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
Error: PostCSS received undefined instead of CSS string
    at new Input (/Users/Devin.Rhode/pss/underline-demo-extension/node_modules/postcss/lib/input.js:24:13)
    at parse (/Users/Devin.Rhode/pss/underline-demo-extension/node_modules/postcss/lib/parse.js:8:15)
    at new LazyResult (/Users/Devin.Rhode/pss/underline-demo-extension/node_modules/postcss/lib/lazy-result.js:133:16)
    at Processor.process (/Users/Devin.Rhode/pss/underline-demo-extension/node_modules/postcss/lib/processor.js:36:12)
    at Object.loader (/Users/Devin.Rhode/pss/underline-demo-extension/node_modules/css-loader/dist/index.js:128:51)
 @ ./src/pages/Popup/Popup.css 8:6-179 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-149 83:0-149 84:22-29 84:33-47 84:50-64 61:4-74:5
 @ ./src/pages/Popup/Popup.jsx 16:0-21
 @ ./src/pages/Popup/index.jsx 9:0-28 11:41-46
mitul-s commented 3 years ago

Yeah, tbh I just updated the module every time I get the bug then works fine