material-components / material-components-web-codelabs

Codelabs for Material Components for Web (MDC Web)
MIT License
128 stars 101 forks source link

[codelab] MDC-103 compilation error with @import "@material/ripple/mixins" #384

Open royaleweiss opened 2 years ago

royaleweiss commented 2 years ago

I could not compile after adding the import in the beginning of step 3.:

ERROR in ./home.scss Module build failed: @forward "@material/animation" as mdc-animation-; ^ Can't find stylesheet to import. ╷ 1 │ @forward "@material/animation" as mdc-animation-; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules/@material/ripple/_mixins.import.scss 1:1 @import stdin 5:9 root stylesheet in /Users/snrob/AppDev/material-components-web-codelabs-master/mdc-103/starter/node_modules/@material/ripple/_mixins.import.scss (line 1, column 1) @ multi (webpack)-dev-server/client?http://localhost:8080 ./home.scss

I found a workaround here: https://github.com/material-components/material-components-web-codelabs/issues/139 arief135 commented on Jul 23, 2020 I solved it by changing @import "@material/ripple/mixins"; to @import "@material/ripple/mdc-ripple";