Skip to content

Instantly share code, notes, and snippets.

@NikitaSavc
Created May 1, 2023 21:54
Show Gist options
  • Save NikitaSavc/3b66bd5593d44ed29dec7049add4b170 to your computer and use it in GitHub Desktop.
Save NikitaSavc/3b66bd5593d44ed29dec7049add4b170 to your computer and use it in GitHub Desktop.
nikita@nikita-desktop:~/nikitasavc-app> npm run serve
> nikitasavc-app@0.1.0 serve
> vue-cli-service serve
INFO Starting development server...
[24%] building (14/57 modules)
[BABEL] Note: The code generator has deoptimised the styling of /home/nikita/nikitasavc-app/node_modules/@fortawesome/free-solid-svg-icons/inde
[38%] building (271/595 modules)
[@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.
ERROR Failed to compile with 32 errors 00:47:06
error in ./node_modules/vue-material-3/src/components/badge/MdBadge.vue?vue&type=style&index=0&id=7a41abd4&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-badge-valu"
on line 5 of node_modules/vue-material-3/src/components/badge/MdBadge.vue
>> $theme: tokens.md-comp-badge-values();
--------------^
error in ./node_modules/vue-material-3/src/components/button/MdButtonBase.vue?vue&type=style&index=0&id=233ec04d&lang=scss
Syntax Error: SassError: Invalid CSS after "...include surface": expected "}", was ".root-static-styles"
on line 5 of node_modules/vue-material-3/src/components/button/MdButtonBase.vue
>> @include surface.root-static-styles;
-----------^
error in ./node_modules/vue-material-3/src/components/button/MdElevatedButton.vue?vue&type=style&index=0&id=5d42dd26&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-elevated-b"
on line 8 of node_modules/vue-material-3/src/components/button/MdElevatedButton.vue
>> $theme: tokens.md-comp-elevated-button-values();
--------------^
error in ./node_modules/vue-material-3/src/components/button/MdFilledButton.vue?vue&type=style&index=0&id=fa8bed44&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-filled-but"
on line 6 of node_modules/vue-material-3/src/components/button/MdFilledButton.vue
>> $theme: tokens.md-comp-filled-button-values();
--------------^
error in ./node_modules/vue-material-3/src/components/button/MdOutlinedButton.vue?vue&type=style&index=0&id=0dc47fde&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-outlined-b"
on line 6 of node_modules/vue-material-3/src/components/button/MdOutlinedButton.vue
>> $theme: tokens.md-comp-outlined-button-values();
--------------^
error in ./node_modules/vue-material-3/src/components/button/MdTextButton.vue?vue&type=style&index=0&id=edc0482e&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-text-butto"
on line 6 of node_modules/vue-material-3/src/components/button/MdTextButton.vue
>> $theme: tokens.md-comp-text-button-values();
--------------^
error in ./node_modules/vue-material-3/src/components/card/MdCard.vue?vue&type=style&index=0&id=fbd873c8&lang=scss
Syntax Error: SassError: Invalid CSS after "... $theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-elevated-c"
on line 91 of node_modules/vue-material-3/src/components/card/MdCard.vue
>> $theme: tokens.md-comp-elevated-card-values();
------------------^
error in ./node_modules/vue-material-3/src/components/checkbox/MdCheckbox.vue?vue&type=style&index=0&id=5b14a188&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-checkbox-v"
on line 6 of node_modules/vue-material-3/src/components/checkbox/MdCheckbox.vue
>> $theme: tokens.md-comp-checkbox-values();
--------------^
error in ./node_modules/vue-material-3/src/components/chips/MdFilterChip.vue?vue&type=style&index=0&id=37d9a27d&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-filter-chi"
on line 8 of node_modules/vue-material-3/src/components/chips/MdFilterChip.vue
>> $theme: tokens.md-comp-filter-chip-values();
--------------^
error in ./node_modules/vue-material-3/src/components/dialog/MdDialog.vue?vue&type=style&index=1&id=74a2809c&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-dialog-val"
on line 6 of node_modules/vue-material-3/src/components/dialog/MdDialog.vue
>> $theme: tokens.md-comp-dialog-values();
--------------^
error in ./node_modules/vue-material-3/src/components/divider/MdDivider.vue?vue&type=style&index=0&id=0dacb57c&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-divider-va"
on line 5 of node_modules/vue-material-3/src/components/divider/MdDivider.vue
>> $theme: tokens.md-comp-divider-values();
--------------^
error in ./node_modules/vue-material-3/src/components/fab/MdFab.vue?vue&type=style&index=0&id=2438c7c4&lang=scss
Syntax Error: SassError: Invalid CSS after "...include surface": expected "}", was ".root-static-styles"
on line 8 of node_modules/vue-material-3/src/components/fab/MdFab.vue
>> @include surface.root-static-styles;
-----------^
error in ./node_modules/vue-material-3/src/components/fab/MdFabExtended.vue?vue&type=style&index=0&id=53a432f7&lang=scss
Syntax Error: SassError: Invalid CSS after "...include surface": expected "}", was ".root-static-styles"
on line 8 of node_modules/vue-material-3/src/components/fab/MdFabExtended.vue
>> @include surface.root-static-styles;
-----------^
error in ./node_modules/vue-material-3/src/components/field/MdFilledField.vue?vue&type=style&index=0&id=03d14bfc&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-filled-tex"
on line 5 of node_modules/vue-material-3/src/components/field/MdFilledField.vue
>> $theme: tokens.md-comp-filled-text-field-values();
--------------^
error in ./node_modules/vue-material-3/src/components/field/MdOutlinedField.vue?vue&type=style&index=0&id=6f8afafc&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-outlined-t"
on line 5 of node_modules/vue-material-3/src/components/field/MdOutlinedField.vue
>> $theme: tokens.md-comp-outlined-text-field-values();
--------------^
error in ./node_modules/vue-material-3/src/components/icon-button/MdIconButton.vue?vue&type=style&index=0&id=8f4649b6&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-icon-butto"
on line 7 of node_modules/vue-material-3/src/components/icon-button/MdIconButton.vue
>> $theme: tokens.md-comp-icon-button-values();
--------------^
error in ./node_modules/vue-material-3/src/components/list/MdList.vue?vue&type=style&index=0&id=7408ea5c&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-list-value"
on line 5 of node_modules/vue-material-3/src/components/list/MdList.vue
>> $theme: tokens.md-comp-list-values();
--------------^
error in ./node_modules/vue-material-3/src/components/list/MdListDivider.vue?vue&type=style&index=0&id=e1790666&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-list-value"
on line 5 of node_modules/vue-material-3/src/components/list/MdListDivider.vue
>> $theme: tokens.md-comp-list-values();
--------------^
error in ./node_modules/vue-material-3/src/components/list/MdListItem.vue?vue&type=style&index=0&id=f27cf3e2&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-list-value"
on line 7 of node_modules/vue-material-3/src/components/list/MdListItem.vue
>> $theme: tokens.md-comp-list-values();
--------------^
error in ./node_modules/vue-material-3/src/components/menu/MdMenu.vue?vue&type=style&index=0&id=315dcf3c&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-menu-value"
on line 7 of node_modules/vue-material-3/src/components/menu/MdMenu.vue
>> $theme: tokens.md-comp-menu-values();
--------------^
error in ./node_modules/vue-material-3/src/components/navigation-bar/MdNavigationBar.vue?vue&type=style&index=0&id=341db0cd&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-navigation"
on line 6 of node_modules/vue-material-3/src/components/navigation-bar/MdNavigationBar.vue
>> $theme: tokens.md-comp-navigation-bar-values();
--------------^
error in ./node_modules/vue-material-3/src/components/navigation-drawer/MdNavigationDrawer.vue?vue&type=style&index=0&id=5d21c40a&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-navigation"
on line 6 of node_modules/vue-material-3/src/components/navigation-drawer/MdNavigationDrawer.vue
>> $theme: tokens.md-comp-navigation-drawer-values();
--------------^
error in ./node_modules/vue-material-3/src/components/navigation-tab/MdNavigationTab.vue?vue&type=style&index=0&id=5959d1d1&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-navigation"
on line 5 of node_modules/vue-material-3/src/components/navigation-tab/MdNavigationTab.vue
>> $theme: tokens.md-comp-navigation-bar-values();
--------------^
error in ./node_modules/vue-material-3/src/components/progress-indicator/MdCircularProgressIndicator.vue?vue&type=style&index=0&id=1c2b9e86&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-circular-p"
on line 5 of node_modules/vue-material-3/src/components/progress-indicator/MdCircularProgressIndicator.vue
>> $theme: tokens.md-comp-circular-progress-indicator-values();
--------------^
error in ./node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue?vue&type=style&index=0&id=e53a7700&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-linear-pro"
on line 5 of node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue
>> $theme: tokens.md-comp-linear-progress-indicator-values();
--------------^
error in ./node_modules/vue-material-3/src/components/radio/MdRadio.vue?vue&type=style&index=0&id=2a946ac6&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-radio-butt"
on line 6 of node_modules/vue-material-3/src/components/radio/MdRadio.vue
>> $theme: tokens.md-comp-radio-button-values();
--------------^
error in ./node_modules/vue-material-3/src/components/ripple/MdRipple.vue?vue&type=style&index=0&id=6375859c&lang=scss
Syntax Error: SassError: Incompatible units: 'px' and '%'.
on line 32 of node_modules/vue-material-3/src/components/ripple/MdRipple.vue
>> ple-pressed-state-layer-color, black) max(100% - 70px, 65%), transparent 100
------------------------------------------^
error in ./node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButton.vue?vue&type=style&index=0&id=21fd1d05&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-outlined-s"
on line 6 of node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButton.vue
>> $theme: tokens.md-comp-outlined-segmented-button-values();
--------------^
error in ./node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButtonSet.vue?vue&type=style&index=0&id=539a2f66&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-outlined-s"
on line 5 of node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButtonSet.vue
>> $theme: tokens.md-comp-outlined-segmented-button-values();
--------------^
error in ./node_modules/vue-material-3/src/components/switch/MdSwitch.vue?vue&type=style&index=0&id=8633abc8&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-switch-val"
on line 6 of node_modules/vue-material-3/src/components/switch/MdSwitch.vue
>> $theme: tokens.md-comp-switch-values();
--------------^
error in ./node_modules/vue-material-3/src/components/text-field/MdFilledTextField.vue?vue&type=style&index=0&id=0588f0f9&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-outlined-t"
on line 5 of node_modules/vue-material-3/src/components/text-field/MdFilledTextField.vue
>> $theme: tokens.md-comp-outlined-text-field-values();
--------------^
error in ./node_modules/vue-material-3/src/components/text-field/MdOutlinedTextField.vue?vue&type=style&index=0&id=9de3ff0e&lang=scss
Syntax Error: SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-outlined-t"
on line 5 of node_modules/vue-material-3/src/components/text-field/MdOutlinedTextField.vue
>> $theme: tokens.md-comp-outlined-text-field-values();
--------------^
ERROR in ./node_modules/vue-material-3/src/components/badge/MdBadge.vue?vue&type=style&index=0&id=7a41abd4&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/badge/MdBadge.vue?vue&type=style&index=0&id=7a41abd4&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-badge-valu"
on line 5 of node_modules/vue-material-3/src/components/badge/MdBadge.vue
>> $theme: tokens.md-comp-badge-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/badge/MdBadge.vue?vue&type=style&index=0&id=7a41abd4&lang=scss 4:14-373 15:3-20:5 16:22-381
@ ./node_modules/vue-material-3/src/components/badge/MdBadge.vue?vue&type=style&index=0&id=7a41abd4&lang=scss 1:0-427 1:0-427
@ ./node_modules/vue-material-3/src/components/badge/MdBadge.vue 5:0-67
@ ./node_modules/vue-material-3/src/main.js 21:0-68 21:0-68
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/button/MdButtonBase.vue?vue&type=style&index=0&id=233ec04d&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/button/MdButtonBase.vue?vue&type=style&index=0&id=233ec04d&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "...include surface": expected "}", was ".root-static-styles"
on line 5 of node_modules/vue-material-3/src/components/button/MdButtonBase.vue
>> @include surface.root-static-styles;
-----------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/button/MdButtonBase.vue?vue&type=style&index=0&id=233ec04d&lang=scss 4:14-378 15:3-20:5 16:22-386
@ ./node_modules/vue-material-3/src/components/button/MdButtonBase.vue?vue&type=style&index=0&id=233ec04d&lang=scss 1:0-432 1:0-432
@ ./node_modules/vue-material-3/src/components/button/MdButtonBase.vue 5:0-72
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/button/MdElevatedButton.vue?vue&type=script&setup=true&lang=js 1:0-46 18:6-18
@ ./node_modules/vue-material-3/src/components/button/MdElevatedButton.vue?vue&type=script&setup=true&lang=js 1:0-205 1:0-205 1:206-400 1:206-400
@ ./node_modules/vue-material-3/src/components/button/MdElevatedButton.vue 2:0-78 3:0-73 3:0-73 8:49-55
@ ./node_modules/vue-material-3/src/main.js 1:0-87 1:0-87
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/button/MdElevatedButton.vue?vue&type=style&index=0&id=5d42dd26&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/button/MdElevatedButton.vue?vue&type=style&index=0&id=5d42dd26&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-elevated-b"
on line 8 of node_modules/vue-material-3/src/components/button/MdElevatedButton.vue
>> $theme: tokens.md-comp-elevated-button-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/button/MdElevatedButton.vue?vue&type=style&index=0&id=5d42dd26&lang=scss 4:14-382 15:3-20:5 16:22-390
@ ./node_modules/vue-material-3/src/components/button/MdElevatedButton.vue?vue&type=style&index=0&id=5d42dd26&lang=scss 1:0-436 1:0-436
@ ./node_modules/vue-material-3/src/components/button/MdElevatedButton.vue 5:0-76
@ ./node_modules/vue-material-3/src/main.js 1:0-87 1:0-87
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/button/MdFilledButton.vue?vue&type=style&index=0&id=fa8bed44&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/button/MdFilledButton.vue?vue&type=style&index=0&id=fa8bed44&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-filled-but"
on line 6 of node_modules/vue-material-3/src/components/button/MdFilledButton.vue
>> $theme: tokens.md-comp-filled-button-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/button/MdFilledButton.vue?vue&type=style&index=0&id=fa8bed44&lang=scss 4:14-380 15:3-20:5 16:22-388
@ ./node_modules/vue-material-3/src/components/button/MdFilledButton.vue?vue&type=style&index=0&id=fa8bed44&lang=scss 1:0-434 1:0-434
@ ./node_modules/vue-material-3/src/components/button/MdFilledButton.vue 5:0-74
@ ./node_modules/vue-material-3/src/main.js 2:0-83 2:0-83
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/button/MdOutlinedButton.vue?vue&type=style&index=0&id=0dc47fde&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/button/MdOutlinedButton.vue?vue&type=style&index=0&id=0dc47fde&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-outlined-b"
on line 6 of node_modules/vue-material-3/src/components/button/MdOutlinedButton.vue
>> $theme: tokens.md-comp-outlined-button-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/button/MdOutlinedButton.vue?vue&type=style&index=0&id=0dc47fde&lang=scss 4:14-382 15:3-20:5 16:22-390
@ ./node_modules/vue-material-3/src/components/button/MdOutlinedButton.vue?vue&type=style&index=0&id=0dc47fde&lang=scss 1:0-436 1:0-436
@ ./node_modules/vue-material-3/src/components/button/MdOutlinedButton.vue 5:0-76
@ ./node_modules/vue-material-3/src/main.js 4:0-87 4:0-87
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/button/MdTextButton.vue?vue&type=style&index=0&id=edc0482e&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/button/MdTextButton.vue?vue&type=style&index=0&id=edc0482e&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-text-butto"
on line 6 of node_modules/vue-material-3/src/components/button/MdTextButton.vue
>> $theme: tokens.md-comp-text-button-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/button/MdTextButton.vue?vue&type=style&index=0&id=edc0482e&lang=scss 4:14-378 15:3-20:5 16:22-386
@ ./node_modules/vue-material-3/src/components/button/MdTextButton.vue?vue&type=style&index=0&id=edc0482e&lang=scss 1:0-432 1:0-432
@ ./node_modules/vue-material-3/src/components/button/MdTextButton.vue 5:0-72
@ ./node_modules/vue-material-3/src/main.js 3:0-79 3:0-79
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/card/MdCard.vue?vue&type=style&index=0&id=fbd873c8&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/card/MdCard.vue?vue&type=style&index=0&id=fbd873c8&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "... $theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-elevated-c"
on line 91 of node_modules/vue-material-3/src/components/card/MdCard.vue
>> $theme: tokens.md-comp-elevated-card-values();
------------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/card/MdCard.vue?vue&type=style&index=0&id=fbd873c8&lang=scss 4:14-372 15:3-20:5 16:22-380
@ ./node_modules/vue-material-3/src/components/card/MdCard.vue?vue&type=style&index=0&id=fbd873c8&lang=scss 1:0-426 1:0-426
@ ./node_modules/vue-material-3/src/components/card/MdCard.vue 5:0-66
@ ./node_modules/vue-material-3/src/main.js 5:0-65 5:0-65
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/checkbox/MdCheckbox.vue?vue&type=style&index=0&id=5b14a188&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/checkbox/MdCheckbox.vue?vue&type=style&index=0&id=5b14a188&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-checkbox-v"
on line 6 of node_modules/vue-material-3/src/components/checkbox/MdCheckbox.vue
>> $theme: tokens.md-comp-checkbox-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/checkbox/MdCheckbox.vue?vue&type=style&index=0&id=5b14a188&lang=scss 4:14-376 15:3-20:5 16:22-384
@ ./node_modules/vue-material-3/src/components/checkbox/MdCheckbox.vue?vue&type=style&index=0&id=5b14a188&lang=scss 1:0-430 1:0-430
@ ./node_modules/vue-material-3/src/components/checkbox/MdCheckbox.vue 5:0-70
@ ./node_modules/vue-material-3/src/main.js 16:0-77 16:0-77
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/chips/MdFilterChip.vue?vue&type=style&index=0&id=37d9a27d&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/chips/MdFilterChip.vue?vue&type=style&index=0&id=37d9a27d&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-filter-chi"
on line 8 of node_modules/vue-material-3/src/components/chips/MdFilterChip.vue
>> $theme: tokens.md-comp-filter-chip-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/chips/MdFilterChip.vue?vue&type=style&index=0&id=37d9a27d&lang=scss 4:14-378 15:3-20:5 16:22-386
@ ./node_modules/vue-material-3/src/components/chips/MdFilterChip.vue?vue&type=style&index=0&id=37d9a27d&lang=scss 1:0-432 1:0-432
@ ./node_modules/vue-material-3/src/components/chips/MdFilterChip.vue 5:0-72
@ ./node_modules/vue-material-3/src/main.js 19:0-78 19:0-78
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/dialog/MdDialog.vue?vue&type=style&index=1&id=74a2809c&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/dialog/MdDialog.vue?vue&type=style&index=1&id=74a2809c&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-dialog-val"
on line 6 of node_modules/vue-material-3/src/components/dialog/MdDialog.vue
>> $theme: tokens.md-comp-dialog-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/dialog/MdDialog.vue?vue&type=style&index=1&id=74a2809c&lang=scss 4:14-374 15:3-20:5 16:22-382
@ ./node_modules/vue-material-3/src/components/dialog/MdDialog.vue?vue&type=style&index=1&id=74a2809c&lang=scss 1:0-428 1:0-428
@ ./node_modules/vue-material-3/src/components/dialog/MdDialog.vue 6:0-68
@ ./node_modules/vue-material-3/src/main.js 28:0-71 28:0-71
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/divider/MdDivider.vue?vue&type=style&index=0&id=0dacb57c&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/divider/MdDivider.vue?vue&type=style&index=0&id=0dacb57c&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-divider-va"
on line 5 of node_modules/vue-material-3/src/components/divider/MdDivider.vue
>> $theme: tokens.md-comp-divider-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/divider/MdDivider.vue?vue&type=style&index=0&id=0dacb57c&lang=scss 4:14-375 15:3-20:5 16:22-383
@ ./node_modules/vue-material-3/src/components/divider/MdDivider.vue?vue&type=style&index=0&id=0dacb57c&lang=scss 1:0-429 1:0-429
@ ./node_modules/vue-material-3/src/components/divider/MdDivider.vue 5:0-69
@ ./node_modules/vue-material-3/src/main.js 22:0-74 22:0-74
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/fab/MdFab.vue?vue&type=style&index=0&id=2438c7c4&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/fab/MdFab.vue?vue&type=style&index=0&id=2438c7c4&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "...include surface": expected "}", was ".root-static-styles"
on line 8 of node_modules/vue-material-3/src/components/fab/MdFab.vue
>> @include surface.root-static-styles;
-----------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/fab/MdFab.vue?vue&type=style&index=0&id=2438c7c4&lang=scss 4:14-371 15:3-20:5 16:22-379
@ ./node_modules/vue-material-3/src/components/fab/MdFab.vue?vue&type=style&index=0&id=2438c7c4&lang=scss 1:0-425 1:0-425
@ ./node_modules/vue-material-3/src/components/fab/MdFab.vue 5:0-65
@ ./node_modules/vue-material-3/src/main.js 7:0-62 7:0-62
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/fab/MdFabExtended.vue?vue&type=style&index=0&id=53a432f7&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/fab/MdFabExtended.vue?vue&type=style&index=0&id=53a432f7&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "...include surface": expected "}", was ".root-static-styles"
on line 8 of node_modules/vue-material-3/src/components/fab/MdFabExtended.vue
>> @include surface.root-static-styles;
-----------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/fab/MdFabExtended.vue?vue&type=style&index=0&id=53a432f7&lang=scss 4:14-379 15:3-20:5 16:22-387
@ ./node_modules/vue-material-3/src/components/fab/MdFabExtended.vue?vue&type=style&index=0&id=53a432f7&lang=scss 1:0-433 1:0-433
@ ./node_modules/vue-material-3/src/components/fab/MdFabExtended.vue 5:0-73
@ ./node_modules/vue-material-3/src/main.js 8:0-78 8:0-78
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/field/MdFilledField.vue?vue&type=style&index=0&id=03d14bfc&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/field/MdFilledField.vue?vue&type=style&index=0&id=03d14bfc&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-filled-tex"
on line 5 of node_modules/vue-material-3/src/components/field/MdFilledField.vue
>> $theme: tokens.md-comp-filled-text-field-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/field/MdFilledField.vue?vue&type=style&index=0&id=03d14bfc&lang=scss 4:14-379 15:3-20:5 16:22-387
@ ./node_modules/vue-material-3/src/components/field/MdFilledField.vue?vue&type=style&index=0&id=03d14bfc&lang=scss 1:0-433 1:0-433
@ ./node_modules/vue-material-3/src/components/field/MdFilledField.vue 5:0-73
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/text-field/MdFilledTextField.vue?vue&type=script&setup=true&lang=js 3:0-55 44:6-19
@ ./node_modules/vue-material-3/src/components/text-field/MdFilledTextField.vue?vue&type=script&setup=true&lang=js 1:0-206 1:0-206 1:207-402 1:207-402
@ ./node_modules/vue-material-3/src/components/text-field/MdFilledTextField.vue 2:0-79 3:0-74 3:0-74 8:49-55
@ ./node_modules/vue-material-3/src/main.js 10:0-93 10:0-93
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/field/MdOutlinedField.vue?vue&type=style&index=0&id=6f8afafc&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/field/MdOutlinedField.vue?vue&type=style&index=0&id=6f8afafc&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-outlined-t"
on line 5 of node_modules/vue-material-3/src/components/field/MdOutlinedField.vue
>> $theme: tokens.md-comp-outlined-text-field-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/field/MdOutlinedField.vue?vue&type=style&index=0&id=6f8afafc&lang=scss 4:14-381 15:3-20:5 16:22-389
@ ./node_modules/vue-material-3/src/components/field/MdOutlinedField.vue?vue&type=style&index=0&id=6f8afafc&lang=scss 1:0-435 1:0-435
@ ./node_modules/vue-material-3/src/components/field/MdOutlinedField.vue 5:0-75
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/text-field/MdOutlinedTextField.vue?vue&type=script&setup=true&lang=js 3:0-59 44:6-21
@ ./node_modules/vue-material-3/src/components/text-field/MdOutlinedTextField.vue?vue&type=script&setup=true&lang=js 1:0-208 1:0-208 1:209-406 1:209-406
@ ./node_modules/vue-material-3/src/components/text-field/MdOutlinedTextField.vue 2:0-81 3:0-76 3:0-76 8:49-55
@ ./node_modules/vue-material-3/src/main.js 9:0-97 9:0-97
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/icon-button/MdIconButton.vue?vue&type=style&index=0&id=8f4649b6&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/icon-button/MdIconButton.vue?vue&type=style&index=0&id=8f4649b6&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-icon-butto"
on line 7 of node_modules/vue-material-3/src/components/icon-button/MdIconButton.vue
>> $theme: tokens.md-comp-icon-button-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/icon-button/MdIconButton.vue?vue&type=style&index=0&id=8f4649b6&lang=scss 4:14-378 15:3-20:5 16:22-386
@ ./node_modules/vue-material-3/src/components/icon-button/MdIconButton.vue?vue&type=style&index=0&id=8f4649b6&lang=scss 1:0-432 1:0-432
@ ./node_modules/vue-material-3/src/components/icon-button/MdIconButton.vue 5:0-72
@ ./node_modules/vue-material-3/src/main.js 15:0-84 15:0-84
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/list/MdList.vue?vue&type=style&index=0&id=7408ea5c&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/list/MdList.vue?vue&type=style&index=0&id=7408ea5c&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-list-value"
on line 5 of node_modules/vue-material-3/src/components/list/MdList.vue
>> $theme: tokens.md-comp-list-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/list/MdList.vue?vue&type=style&index=0&id=7408ea5c&lang=scss 4:14-372 15:3-20:5 16:22-380
@ ./node_modules/vue-material-3/src/components/list/MdList.vue?vue&type=style&index=0&id=7408ea5c&lang=scss 1:0-426 1:0-426
@ ./node_modules/vue-material-3/src/components/list/MdList.vue 5:0-66
@ ./node_modules/vue-material-3/src/main.js 12:0-65 12:0-65
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/list/MdListDivider.vue?vue&type=style&index=0&id=e1790666&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/list/MdListDivider.vue?vue&type=style&index=0&id=e1790666&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-list-value"
on line 5 of node_modules/vue-material-3/src/components/list/MdListDivider.vue
>> $theme: tokens.md-comp-list-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/list/MdListDivider.vue?vue&type=style&index=0&id=e1790666&lang=scss 4:14-379 15:3-20:5 16:22-387
@ ./node_modules/vue-material-3/src/components/list/MdListDivider.vue?vue&type=style&index=0&id=e1790666&lang=scss 1:0-433 1:0-433
@ ./node_modules/vue-material-3/src/components/list/MdListDivider.vue 5:0-73
@ ./node_modules/vue-material-3/src/main.js 14:0-79 14:0-79
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/list/MdListItem.vue?vue&type=style&index=0&id=f27cf3e2&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/list/MdListItem.vue?vue&type=style&index=0&id=f27cf3e2&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-list-value"
on line 7 of node_modules/vue-material-3/src/components/list/MdListItem.vue
>> $theme: tokens.md-comp-list-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/list/MdListItem.vue?vue&type=style&index=0&id=f27cf3e2&lang=scss 4:14-376 15:3-20:5 16:22-384
@ ./node_modules/vue-material-3/src/components/list/MdListItem.vue?vue&type=style&index=0&id=f27cf3e2&lang=scss 1:0-430 1:0-430
@ ./node_modules/vue-material-3/src/components/list/MdListItem.vue 5:0-70
@ ./node_modules/vue-material-3/src/main.js 13:0-73 13:0-73
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/menu/MdMenu.vue?vue&type=style&index=0&id=315dcf3c&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/menu/MdMenu.vue?vue&type=style&index=0&id=315dcf3c&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-menu-value"
on line 7 of node_modules/vue-material-3/src/components/menu/MdMenu.vue
>> $theme: tokens.md-comp-menu-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/menu/MdMenu.vue?vue&type=style&index=0&id=315dcf3c&lang=scss 4:14-372 15:3-20:5 16:22-380
@ ./node_modules/vue-material-3/src/components/menu/MdMenu.vue?vue&type=style&index=0&id=315dcf3c&lang=scss 1:0-426 1:0-426
@ ./node_modules/vue-material-3/src/components/menu/MdMenu.vue 5:0-66
@ ./node_modules/vue-material-3/src/main.js 31:0-65 31:0-65
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/navigation-bar/MdNavigationBar.vue?vue&type=style&index=0&id=341db0cd&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/navigation-bar/MdNavigationBar.vue?vue&type=style&index=0&id=341db0cd&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-navigation"
on line 6 of node_modules/vue-material-3/src/components/navigation-bar/MdNavigationBar.vue
>> $theme: tokens.md-comp-navigation-bar-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/navigation-bar/MdNavigationBar.vue?vue&type=style&index=0&id=341db0cd&lang=scss 4:14-381 15:3-20:5 16:22-389
@ ./node_modules/vue-material-3/src/components/navigation-bar/MdNavigationBar.vue?vue&type=style&index=0&id=341db0cd&lang=scss 1:0-435 1:0-435
@ ./node_modules/vue-material-3/src/components/navigation-bar/MdNavigationBar.vue 5:0-75
@ ./node_modules/vue-material-3/src/main.js 29:0-93 29:0-93
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/navigation-drawer/MdNavigationDrawer.vue?vue&type=style&index=0&id=5d21c40a&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/navigation-drawer/MdNavigationDrawer.vue?vue&type=style&index=0&id=5d21c40a&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-navigation"
on line 6 of node_modules/vue-material-3/src/components/navigation-drawer/MdNavigationDrawer.vue
>> $theme: tokens.md-comp-navigation-drawer-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/navigation-drawer/MdNavigationDrawer.vue?vue&type=style&index=0&id=5d21c40a&lang=scss 4:14-384 15:3-20:5 16:22-392
@ ./node_modules/vue-material-3/src/components/navigation-drawer/MdNavigationDrawer.vue?vue&type=style&index=0&id=5d21c40a&lang=scss 1:0-438 1:0-438
@ ./node_modules/vue-material-3/src/components/navigation-drawer/MdNavigationDrawer.vue 5:0-78
@ ./node_modules/vue-material-3/src/main.js 11:0-102 11:0-102
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/navigation-tab/MdNavigationTab.vue?vue&type=style&index=0&id=5959d1d1&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/navigation-tab/MdNavigationTab.vue?vue&type=style&index=0&id=5959d1d1&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-navigation"
on line 5 of node_modules/vue-material-3/src/components/navigation-tab/MdNavigationTab.vue
>> $theme: tokens.md-comp-navigation-bar-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/navigation-tab/MdNavigationTab.vue?vue&type=style&index=0&id=5959d1d1&lang=scss 4:14-381 15:3-20:5 16:22-389
@ ./node_modules/vue-material-3/src/components/navigation-tab/MdNavigationTab.vue?vue&type=style&index=0&id=5959d1d1&lang=scss 1:0-435 1:0-435
@ ./node_modules/vue-material-3/src/components/navigation-tab/MdNavigationTab.vue 5:0-75
@ ./node_modules/vue-material-3/src/main.js 30:0-93 30:0-93
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/progress-indicator/MdCircularProgressIndicator.vue?vue&type=style&index=0&id=1c2b9e86&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/progress-indicator/MdCircularProgressIndicator.vue?vue&type=style&index=0&id=1c2b9e86&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-circular-p"
on line 5 of node_modules/vue-material-3/src/components/progress-indicator/MdCircularProgressIndicator.vue
>> $theme: tokens.md-comp-circular-progress-indicator-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/progress-indicator/MdCircularProgressIndicator.vue?vue&type=style&index=0&id=1c2b9e86&lang=scss 4:14-393 15:3-20:5 16:22-401
@ ./node_modules/vue-material-3/src/components/progress-indicator/MdCircularProgressIndicator.vue?vue&type=style&index=0&id=1c2b9e86&lang=scss 1:0-447 1:0-447
@ ./node_modules/vue-material-3/src/components/progress-indicator/MdCircularProgressIndicator.vue 5:0-87
@ ./node_modules/vue-material-3/src/main.js 24:0-121 24:0-121
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue?vue&type=style&index=0&id=e53a7700&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue?vue&type=style&index=0&id=e53a7700&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-linear-pro"
on line 5 of node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue
>> $theme: tokens.md-comp-linear-progress-indicator-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue?vue&type=style&index=0&id=e53a7700&lang=scss 4:14-391 15:3-20:5 16:22-399
@ ./node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue?vue&type=style&index=0&id=e53a7700&lang=scss 1:0-445 1:0-445
@ ./node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue 5:0-85
@ ./node_modules/vue-material-3/src/main.js 23:0-117 23:0-117
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/radio/MdRadio.vue?vue&type=style&index=0&id=2a946ac6&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/radio/MdRadio.vue?vue&type=style&index=0&id=2a946ac6&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-radio-butt"
on line 6 of node_modules/vue-material-3/src/components/radio/MdRadio.vue
>> $theme: tokens.md-comp-radio-button-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/radio/MdRadio.vue?vue&type=style&index=0&id=2a946ac6&lang=scss 4:14-373 15:3-20:5 16:22-381
@ ./node_modules/vue-material-3/src/components/radio/MdRadio.vue?vue&type=style&index=0&id=2a946ac6&lang=scss 1:0-427 1:0-427
@ ./node_modules/vue-material-3/src/components/radio/MdRadio.vue 5:0-67
@ ./node_modules/vue-material-3/src/main.js 17:0-68 17:0-68
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/ripple/MdRipple.vue?vue&type=style&index=0&id=6375859c&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/ripple/MdRipple.vue?vue&type=style&index=0&id=6375859c&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Incompatible units: 'px' and '%'.
on line 32 of node_modules/vue-material-3/src/components/ripple/MdRipple.vue
>> ple-pressed-state-layer-color, black) max(100% - 70px, 65%), transparent 100
------------------------------------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/ripple/MdRipple.vue?vue&type=style&index=0&id=6375859c&lang=scss 4:14-374 15:3-20:5 16:22-382
@ ./node_modules/vue-material-3/src/components/ripple/MdRipple.vue?vue&type=style&index=0&id=6375859c&lang=scss 1:0-428 1:0-428
@ ./node_modules/vue-material-3/src/components/ripple/MdRipple.vue 5:0-68
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/button/MdElevatedButton.vue?vue&type=script&setup=true&lang=js 2:0-46 19:6-14
@ ./node_modules/vue-material-3/src/components/button/MdElevatedButton.vue?vue&type=script&setup=true&lang=js 1:0-205 1:0-205 1:206-400 1:206-400
@ ./node_modules/vue-material-3/src/components/button/MdElevatedButton.vue 2:0-78 3:0-73 3:0-73 8:49-55
@ ./node_modules/vue-material-3/src/main.js 1:0-87 1:0-87
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButton.vue?vue&type=style&index=0&id=21fd1d05&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButton.vue?vue&type=style&index=0&id=21fd1d05&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-outlined-s"
on line 6 of node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButton.vue
>> $theme: tokens.md-comp-outlined-segmented-button-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButton.vue?vue&type=style&index=0&id=21fd1d05&lang=scss 4:14-383 15:3-20:5 16:22-391
@ ./node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButton.vue?vue&type=style&index=0&id=21fd1d05&lang=scss 1:0-437 1:0-437
@ ./node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButton.vue 5:0-77
@ ./node_modules/vue-material-3/src/main.js 26:0-99 26:0-99
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButtonSet.vue?vue&type=style&index=0&id=539a2f66&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButtonSet.vue?vue&type=style&index=0&id=539a2f66&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-outlined-s"
on line 5 of node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButtonSet.vue
>> $theme: tokens.md-comp-outlined-segmented-button-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButtonSet.vue?vue&type=style&index=0&id=539a2f66&lang=scss 4:14-386 15:3-20:5 16:22-394
@ ./node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButtonSet.vue?vue&type=style&index=0&id=539a2f66&lang=scss 1:0-440 1:0-440
@ ./node_modules/vue-material-3/src/components/segmented-button/MdSegmentedButtonSet.vue 5:0-80
@ ./node_modules/vue-material-3/src/main.js 27:0-105 27:0-105
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/switch/MdSwitch.vue?vue&type=style&index=0&id=8633abc8&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/switch/MdSwitch.vue?vue&type=style&index=0&id=8633abc8&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-switch-val"
on line 6 of node_modules/vue-material-3/src/components/switch/MdSwitch.vue
>> $theme: tokens.md-comp-switch-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/switch/MdSwitch.vue?vue&type=style&index=0&id=8633abc8&lang=scss 4:14-374 15:3-20:5 16:22-382
@ ./node_modules/vue-material-3/src/components/switch/MdSwitch.vue?vue&type=style&index=0&id=8633abc8&lang=scss 1:0-428 1:0-428
@ ./node_modules/vue-material-3/src/components/switch/MdSwitch.vue 5:0-68
@ ./node_modules/vue-material-3/src/main.js 20:0-71 20:0-71
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/text-field/MdFilledTextField.vue?vue&type=style&index=0&id=0588f0f9&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/text-field/MdFilledTextField.vue?vue&type=style&index=0&id=0588f0f9&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-outlined-t"
on line 5 of node_modules/vue-material-3/src/components/text-field/MdFilledTextField.vue
>> $theme: tokens.md-comp-outlined-text-field-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/text-field/MdFilledTextField.vue?vue&type=style&index=0&id=0588f0f9&lang=scss 4:14-383 15:3-20:5 16:22-391
@ ./node_modules/vue-material-3/src/components/text-field/MdFilledTextField.vue?vue&type=style&index=0&id=0588f0f9&lang=scss 1:0-437 1:0-437
@ ./node_modules/vue-material-3/src/components/text-field/MdFilledTextField.vue 5:0-77
@ ./node_modules/vue-material-3/src/main.js 10:0-93 10:0-93
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/text-field/MdOutlinedTextField.vue?vue&type=style&index=0&id=9de3ff0e&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/text-field/MdOutlinedTextField.vue?vue&type=style&index=0&id=9de3ff0e&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-outlined-t"
on line 5 of node_modules/vue-material-3/src/components/text-field/MdOutlinedTextField.vue
>> $theme: tokens.md-comp-outlined-text-field-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/text-field/MdOutlinedTextField.vue?vue&type=style&index=0&id=9de3ff0e&lang=scss 4:14-385 15:3-20:5 16:22-393
@ ./node_modules/vue-material-3/src/components/text-field/MdOutlinedTextField.vue?vue&type=style&index=0&id=9de3ff0e&lang=scss 1:0-439 1:0-439
@ ./node_modules/vue-material-3/src/components/text-field/MdOutlinedTextField.vue 5:0-79
@ ./node_modules/vue-material-3/src/main.js 9:0-97 9:0-97
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
webpack compiled with 32 errors
----------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/progress-indicator/MdCircularProgressIndicator.vue?vue&type=style&index=0&id=1c2b9e86&lang=scss 4:14-393 15:3-20:5 16:22-401
@ ./node_modules/vue-material-3/src/components/progress-indicator/MdCircularProgressIndicator.vue?vue&type=style&index=0&id=1c2b9e86&lang=scss 1:0-447 1:0-447
@ ./node_modules/vue-material-3/src/components/progress-indicator/MdCircularProgressIndicator.vue 5:0-87
@ ./node_modules/vue-material-3/src/main.js 24:0-121 24:0-121
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue?vue&type=style&index=0&id=e53a7700&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue?vue&type=style&index=0&id=e53a7700&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "$theme: tokens": expected expression (e.g. 1px, bold), was ".md-comp-linear-pro"
on line 5 of node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue
>> $theme: tokens.md-comp-linear-progress-indicator-values();
--------------^
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue?vue&type=style&index=0&id=e53a7700&lang=scss 4:14-391 15:3-20:5 16:22-399
@ ./node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue?vue&type=style&index=0&id=e53a7700&lang=scss 1:0-445 1:0-445
@ ./node_modules/vue-material-3/src/components/progress-indicator/MdLinearProgressIndicator.vue 5:0-85
@ ./node_modules/vue-material-3/src/main.js 23:0-117 23:0-117
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-42 5:4-12
@ ./src/views/NotificationsPage.vue?vue&type=script&lang=js 1:0-209 1:0-209 1:210-408 1:210-408
@ ./src/views/NotificationsPage.vue 2:0-68 3:0-63 3:0-63 6:49-55
@ ./src/router.js 21:0-62 41:15-32
@ ./src/main.js 4:0-30 21:4-13 24:8-14
ERROR in ./node_modules/vue-material-3/src/components/radio/MdRadio.vue?vue&type=style&index=0&id=2a946ac6&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vue-material-3/src/components/radio/MdRadio.vue?vue&type=style&i
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment