Help with css-loader error
#7
Comments
|
Can your provide full example of PortolioSection.scss? |
|
@t47io can't reproduce, please create minimum reproducible test repo, thanks! |
|
Closing due to inactivity. Please test with latest version and feel free to reopen if still regressions. Thanks! |
|
Hi. I'm experiencing the very same issue in one of my private applications. Stack trace:With some debugging here's the value of the
DependenciesReproducible running the latest dependencies: SummaryI found out the issue goes away when rolling back to Could you please double check if there were any breaking changes introduced in I'm okay with issuing a pull request that accounts for this behavior and - if(rule.parent.type === 'atrule' ...
+ if(rule.parent && rule.parent.type === 'atrule' ...
|
|
@t47io can you open new issue with reproducible test repo, thanks! |
|
When checked which version of
I can patch the dependency locally to see if it eliminates the issue. OutcomePatching |
|
Thank you for quick cooperation, @evilebottnawi. Could you please release the next patch version? In case you use semantic release, please ignore this :) Resolving the package to the latest master fixes the issue 🎉 |
|
Hi! Thanks for these. What was the next patch version we needed? |
Hi I saw this error when using webpack@4 and css-loader@2:
So I tracked to the line in
postcss-modules-local-by-defaultand added aconsole.log(JSON.stringify(rule)for debugging. Turned out thisruleis lackingparentsomehow, but I don't have much clue why. The following dump of the problematicruleobject contains the raw CSS, hope that would help:{ "raws": { "before": "", "after": "", "between": "", "semicolon": false, "left": "", "right": "" }, "type": "rule", "nodes": [ { "raws": { "before": "", "after": "", "between": ":", "important": "!important" }, "type": "decl", "source": { "start": { "line": 47, "column": 5 }, "input": { "css": ".PORTFOLIO__menu {\n text-align: center;\n overflow: hidden;\n margin-top: 1.5rem;\n margin-bottom: 3rem; }\n .PORTFOLIO__menu .PORTFOLIO__filters {\n list-style: none outside none;\n text-align: center; }\n .PORTFOLIO__menu .PORTFOLIO__filters .PORTFOLIO__filter-item {\n display: inline-block;\n cursor: pointer;\n will-change: transform, opacity; }\n .PORTFOLIO__menu .PORTFOLIO__filters .PORTFOLIO__filter-item.active .PORTFOLIO__filter-link {\n background: #72a603;\n color: #fff;\n font-weight: 900; }\n .PORTFOLIO__menu .PORTFOLIO__filters .PORTFOLIO__filter-item .PORTFOLIO__filter-link {\n color: #363940;\n background: transparent;\n display: inline-block;\n margin: 0.25rem;\n padding: 0.5rem 0.75rem;\n text-decoration: none;\n text-transform: uppercase; }\n .PORTFOLIO__menu .PORTFOLIO__filters .PORTFOLIO__filter-item .PORTFOLIO__filter-link:hover {\n background: #9fc906;\n color: #fff; }\n\n.PORTFOLIO__content {\n overflow: hidden; }\n\n.PORTFOLIO__div div {\n padding: 0;\n margin: 0 auto; }\n\n.PORTFOLIO__item {\n position: relative;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 5;\n overflow: hidden; }\n .PORTFOLIO__item .SVG {\n border: 1px solid #cfd8dc;\n margin-left: -1px;\n margin-top: -1px;\n width: 100%;\n position: relative;\n top: 0;\n left: 0;\n z-index: 6;\n cursor: pointer;\n transition-duration: 1s; }\n .PORTFOLIO__item .PORTFOLIO__text {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n text-align: center;\n opacity: 0;\n color: transparent;\n background: none repeat scroll 0 0 rgba(114, 166, 3, 0.75);\n transition-duration: 0.6s;\n transform: scale(0); }\n .PORTFOLIO__item:hover .SVG {\n transform: scale(1.5); }\n .PORTFOLIO__item:hover .SVG .SVG--1,\n .PORTFOLIO__item:hover .SVG .SVG--2 {\n opacity: 0;\n visibility: hidden; }\n .PORTFOLIO__item:hover .PORTFOLIO__text {\n opacity: 1;\n padding: 0 2rem;\n color: #fff;\n transform: scale(1); }\n .PORTFOLIO__item:hover .PORTFOLIO__text .PORTFILIO__text-link {\n color: inherit;\n display: block;\n font-size: 2rem;\n font-weight: 900;\n margin-top: 30%;\n padding-bottom: 1.5rem;\n text-decoration: none;\n font-variant: small-caps; }\n .PORTFOLIO__item:hover .PORTFOLIO__text .PORTFILIO__text-description {\n font-size: 1.25em;\n font-weight: normal;\n line-height: 1.5rem;\n margin: 0;\n padding: 0; }\n\n.PORTFOLIO__power-by .PORTFOLIO__find-more {\n line-height: 1.5rem; }\n\n.PORTFOLIO__power-by .PORTFOLIO__brands {\n line-height: 2.5rem;\n padding: 1rem 0;\n margin: 0; }\n\n.PORTFOLIO__power-by .PORTFOLIO__brand-item {\n list-style: none;\n display: inline-block;\n will-change: transform, opacity; }\n\n.PORTFOLIO__power-by svg {\n height: 2.5rem;\n width: 2.5rem;\n margin: 0 0.5rem; }\n .PORTFOLIO__power-by svg :global .brand-logo__open,\n .PORTFOLIO__power-by svg :global .brand-logo__filled,\n .PORTFOLIO__power-by svg :global .brand-logo__extra {\n transition-duration: 0.25s; }\n .PORTFOLIO__power-by svg :global .brand-logo__open {\n fill: #eee;\n stroke: #eee; }\n .PORTFOLIO__power-by svg :global .brand-logo__filled {\n fill: #9fc906;\n stroke: #9fc906; }\n .PORTFOLIO__power-by svg :global .brand-logo__extra {\n fill: #888; }\n .PORTFOLIO__power-by svg:hover :global .brand-logo__open,\n .PORTFOLIO__power-by svg:hover :global .brand-logo__extra {\n fill: #9fc906;\n stroke: #9fc906; }\n .PORTFOLIO__power-by svg:hover :global .brand-logo__filled {\n fill: #888;\n stroke: #888; }\n\n@media only screen and (max-width: 767px) {\n .PORTFOLIO__wrapper {\n padding: 0; } }\n", "hasBOM": false, "file": "/Users/stian/Desktop/t47io_main/applications/main/stylesheets/PortfolioSection.scss" }, "end": { "line": 47, "column": 16 } }, "prop": "width", "value": "100%", "_autoprefixerDisabled": false, "_autoprefixerGridStatus": false, "important": false }, { "raws": { "before": "", "after": "", "between": ":", "important": "!important" }, "type": "decl", "source": { "start": { "line": 48, "column": 5 }, "input": { "css": "...", // same as above "hasBOM": false, "file": "/Users/stian/Desktop/t47io_main/applications/main/stylesheets/PortfolioSection.scss" }, "end": { "line": 48, "column": 23 } }, "prop": "position", "value": "relative", "_autoprefixerDisabled": false, "_autoprefixerGridStatus": false, "important": false }, { "raws": { "before": "", "after": "", "between": ":", "important": "!important" }, "type": "decl", "source": { "start": { "line": 49, "column": 5 }, "input": { "css": "...", // same as above "hasBOM": false, "file": "/Users/stian/Desktop/t47io_main/applications/main/stylesheets/PortfolioSection.scss" }, "end": { "line": 49, "column": 11 } }, "prop": "top", "value": "0", "_autoprefixerDisabled": false, "_autoprefixerGridStatus": false, "important": false }, { "raws": { "before": "", "after": "", "between": ":", "important": "!important" }, "type": "decl", "source": { "start": { "line": 50, "column": 5 }, "input": { "css": "...", // same as above "hasBOM": false, "file": "/Users/stian/Desktop/t47io_main/applications/main/stylesheets/PortfolioSection.scss" }, "end": { "line": 50, "column": 12 } }, "prop": "left", "value": "0", "_autoprefixerDisabled": false, "_autoprefixerGridStatus": false, "important": false } ], "selector": ".PORTFOLIO__item,.PORTFOLIO__item .SVG", "lastEach": 2, "indexes": {} }Any hint is appreciated, thanks a lot in advance!!
The text was updated successfully, but these errors were encountered: