Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Webpack & style-loader: Less compilation fails unless '.lh-keyframes' is commented out in mixins/ripple.less & mixins/transitions.less #176

Closed
Webkadabra opened this issue Dec 22, 2014 · 2 comments
Closed

Webpack & style-loader: Less compilation fails unless '.lh-keyframes' is commented out in mixins/ripple.less & mixins/transitions.less #176

Webkadabra opened this issue Dec 22, 2014 · 2 comments
Labels
package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.

Comments

@Webkadabra
Copy link

If I comment those out - all works fine (I've latest webpack/less/less-loader).
Error:

ERROR in ./~/css-loader!./~/less-loader!./src/less/main.less
Module build failed: Error: Please check the validity of the CSS block starting
from the line #153612
    at throwError (Z:\custom_home\brainfock.dev\app-client\node_modules\css-load
er\node_modules\csso\lib\gonzales.cssp.node.js:399:15)
    at getBlock (Z:\custom_home\brainfock.dev\app-client\node_modules\css-loader
\node_modules\csso\lib\gonzales.cssp.node.js:755:18)
    at getAtruleb (Z:\custom_home\brainfock.dev\app-client\node_modules\css-load
er\node_modules\csso\lib\gonzales.cssp.node.js:632:34)
    at getAtrule (Z:\custom_home\brainfock.dev\app-client\node_modules\css-loade
r\node_modules\csso\lib\gonzales.cssp.node.js:606:28)
    at getStylesheet (Z:\custom_home\brainfock.dev\app-client\node_modules\css-l
oader\node_modules\csso\lib\gonzales.cssp.node.js:1937:60)
    at Object.CSSPRules.stylesheet (Z:\custom_home\brainfock.dev\app-client\node
_modules\css-loader\node_modules\csso\lib\gonzales.cssp.node.js:365:69)
    at _getAST (Z:\custom_home\brainfock.dev\app-client\node_modules\css-loader\
node_modules\csso\lib\gonzales.cssp.node.js:409:38)
    at exports.srcToCSSP (Z:\custom_home\brainfock.dev\app-client\node_modules\c
ss-loader\node_modules\csso\lib\gonzales.cssp.node.js:2287:16)
    at Object.exports.srcToCSSP (Z:\custom_home\brainfock.dev\app-client\node_mo
dules\css-loader\node_modules\csso\lib\gonzales.cssp.node.js:2292:16)
    at Object.exports.parse (Z:\custom_home\brainfock.dev\app-client\node_module
s\css-loader\node_modules\csso\lib\cssoapi.js:7:21)
    at Object.module.exports (Z:\custom_home\brainfock.dev\app-client\node_modul
es\css-loader\index.js:18:18)
 @ ./src/less/main.less 4:14-250

ERROR in ./src/less/main.less
Module build failed: Error: Didn't get a result from child compiler
    at Object.<anonymous> (Z:\custom_home\brainfock.dev\app-client\node_modules\
extract-text-webpack-plugin\loader.js:90:22)
    at Tapable.<anonymous> (Z:\custom_home\brainfock.dev\app-client\node_modules
\webpack\lib\Compiler.js:210:10)
    at Z:\custom_home\brainfock.dev\app-client\node_modules\webpack\lib\Compiler
.js:397:12
    at Tapable.next (Z:\custom_home\brainfock.dev\app-client\node_modules\webpac
k\node_modules\tapable\lib\Tapable.js:69:11)
    at Object.<anonymous> (Z:\custom_home\brainfock.dev\app-client\node_modules\
extract-text-webpack-plugin\loader.js:77:5)
    at Tapable.next (Z:\custom_home\brainfock.dev\app-client\node_modules\webpac
k\node_modules\tapable\lib\Tapable.js:71:37)
    at CachePlugin.<anonymous> (Z:\custom_home\brainfock.dev\app-client\node_mod
ules\webpack\lib\CachePlugin.js:40:4)
    at Tapable.applyPluginsAsync (Z:\custom_home\brainfock.dev\app-client\node_m
odules\webpack\node_modules\tapable\lib\Tapable.js:73:13)
    at Tapable.<anonymous> (Z:\custom_home\brainfock.dev\app-client\node_modules
\webpack\lib\Compiler.js:394:9)
    at Tapable.<anonymous> (Z:\custom_home\brainfock.dev\app-client\node_modules
\webpack\lib\Compilation.js:529:13)
Child extract-text-webpack-plugin:
        + 171 hidden modules

    ERROR in ./~/css-loader!./~/less-loader!./src/less/main.less
    Module build failed: Error: Please check the validity of the CSS block start
ing from the line #171095
        at throwError (Z:\custom_home\brainfock.dev\app-client\node_modules\css-
loader\node_modules\csso\lib\gonzales.cssp.node.js:399:15)
        at getBlock (Z:\custom_home\brainfock.dev\app-client\node_modules\css-lo
ader\node_modules\csso\lib\gonzales.cssp.node.js:755:18)
        at getAtruleb (Z:\custom_home\brainfock.dev\app-client\node_modules\css-
loader\node_modules\csso\lib\gonzales.cssp.node.js:632:34)
        at getAtrule (Z:\custom_home\brainfock.dev\app-client\node_modules\css-l
oader\node_modules\csso\lib\gonzales.cssp.node.js:606:28)
        at getStylesheet (Z:\custom_home\brainfock.dev\app-client\node_modules\c
ss-loader\node_modules\csso\lib\gonzales.cssp.node.js:1937:60)
        at Object.CSSPRules.stylesheet (Z:\custom_home\brainfock.dev\app-client\
node_modules\css-loader\node_modules\csso\lib\gonzales.cssp.node.js:365:69)
        at _getAST (Z:\custom_home\brainfock.dev\app-client\node_modules\css-loa
der\node_modules\csso\lib\gonzales.cssp.node.js:409:38)
        at exports.srcToCSSP (Z:\custom_home\brainfock.dev\app-client\node_modul
es\css-loader\node_modules\csso\lib\gonzales.cssp.node.js:2287:16)
        at Object.exports.srcToCSSP (Z:\custom_home\brainfock.dev\app-client\nod
e_modules\css-loader\node_modules\csso\lib\gonzales.cssp.node.js:2292:16)
        at Object.exports.parse (Z:\custom_home\brainfock.dev\app-client\node_mo
dules\css-loader\node_modules\csso\lib\cssoapi.js:7:21)
        at Object.module.exports (Z:\custom_home\brainfock.dev\app-client\node_m
odules\css-loader\index.js:18:18)
@Webkadabra Webkadabra mentioned this issue Dec 22, 2014
Closed
@Webkadabra Webkadabra changed the title Less compilation fails unless 'lh-keyframes' is commented out in mixins/ripple.less & mixins/transitions.less Less compilation fails unless '.lh-keyframes' is commented out in mixins/ripple.less & mixins/transitions.less Dec 22, 2014
@cobbweb
Copy link

cobbweb commented Dec 23, 2014

I think this is the LESSHat bug
#84 (comment)

The fix for now is to use the raw-loader in replacement of the style-loader until it's resolved.

@Webkadabra Webkadabra changed the title Less compilation fails unless '.lh-keyframes' is commented out in mixins/ripple.less & mixins/transitions.less Webpack & style-loader: Less compilation fails unless '.lh-keyframes' is commented out in mixins/ripple.less & mixins/transitions.less Dec 23, 2014
@hai-cea
Copy link
Member

hai-cea commented Dec 26, 2014

Lesshat dependency has been removed - bb7a029

@hai-cea hai-cea closed this as completed Dec 26, 2014
@akashmitra akashmitra mentioned this issue Nov 4, 2022
Open
@snyk-bot snyk-bot mentioned this issue Nov 5, 2022
Open
@hzhz hzhz mentioned this issue Nov 5, 2022
Open
@zhaleTaheri zhaleTaheri mentioned this issue Nov 5, 2022
Open
@oliviertassinari oliviertassinari added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 25, 2022
@akashmitra akashmitra mentioned this issue Dec 25, 2022
Open
@maniator maniator mentioned this issue Dec 26, 2022
Open
@hzhz hzhz mentioned this issue Dec 26, 2022
Open
@zhaleTaheri zhaleTaheri mentioned this issue Dec 26, 2022
Open
@zannager zannager added package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5. and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jan 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@cobbweb @Webkadabra @hai-cea @oliviertassinari @zannager