Skip to content

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

@Webkadabra

Description

@Webkadabra

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)

Metadata

Metadata

Assignees

No one assigned

    Labels

    scope: stylesSpecific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions