Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bulma CSS not working with vite-plugin-ssr version 0.4.14 and higher

See original GitHub issue

Description

The project was working fine and then after upgrading to a version higher than 0.4.13 (last working version) an error regarding Bulma emerged.

I’ve traced the change and found the problem in https://github.com/brillout/vite-plugin-ssr/pull/395/commits/2523f33e336af59da839b293851de5aadc754a75

After reverting the line 118 in file retrievePageAssets.ts to if (mod.url.endsWith('.css') || (mod.id && /\?vue&type=style/.test(mod.id))) { the error appeared no more

Screenshot 2022-08-02 at 12 50 46

Reproducible repo

https://github.com/djordjeVIUShop/vite-plugin-ssr-bulma

Error Stack

12:54:59 PM [vite] Internal server error: Undefined mixin.
  ╷
4 │   +control
  │   ^^^^^^^^
  ╵
  node_modules/bulma/sass/utilities/extends.sass 4:3  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/utilities/extends.sass
  Error: Undefined mixin.
    ╷
  4 │   +control
    │   ^^^^^^^^
    ╵
    node_modules/bulma/sass/utilities/extends.sass 4:3  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:70535:25
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at Object._asyncStartSync (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3705:20)
      at _EvaluateVisitor2.visitIncludeRule$body$_EvaluateVisitor0 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:70582:16)
      at _EvaluateVisitor2.visitIncludeRule$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:70520:19)
      at IncludeRule0.accept$1$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:85881:22)
      at IncludeRule0.accept$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:85884:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:75308:43
12:55:00 PM [vite] Internal server error: The target selector was not found.
Use "@extend %block !optional" to avoid this error.
   ╷
13 │   @extend %block
   │   ^^^^^^^^^^^^^^
   ╵
  node_modules/bulma/sass/elements/box.sass 13:3  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/elements/box.sass
  Error: The target selector was not found.
  Use "@extend %block !optional" to avoid this error.
     ╷
  13 │   @extend %block
     │   ^^^^^^^^^^^^^^
     ╵
    node_modules/bulma/sass/elements/box.sass 13:3  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at _EvaluateVisitor2._async_evaluate0$_throwForUnsatisfiedExtension$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69389:15)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$2$clone (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69331:17)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69359:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:73828:82
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at _awaitOnObject_closure.call$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28227:32)
      at Object._rootRunUnary (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:4116:18)
      at StaticClosure.<anonymous> (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:99022:16)
12:55:00 PM [vite] Internal server error: The target selector was not found.
Use "@extend %block !optional" to avoid this error.
   ╷
13 │   @extend %block
   │   ^^^^^^^^^^^^^^
   ╵
  node_modules/bulma/sass/elements/box.sass 13:3  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/elements/box.sass
  Error: The target selector was not found.
  Use "@extend %block !optional" to avoid this error.
     ╷
  13 │   @extend %block
     │   ^^^^^^^^^^^^^^
     ╵
    node_modules/bulma/sass/elements/box.sass 13:3  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at _EvaluateVisitor2._async_evaluate0$_throwForUnsatisfiedExtension$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69389:15)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$2$clone (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69331:17)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69359:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:73828:82
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at _awaitOnObject_closure.call$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28227:32)
      at Object._rootRunUnary (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:4116:18)
      at StaticClosure.<anonymous> (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:99022:16) (x2)
12:55:00 PM [vite] Internal server error: The target selector was not found.
Use "@extend %control !optional" to avoid this error.
   ╷
62 │   @extend %control
   │   ^^^^^^^^^^^^^^^^
   ╵
  node_modules/bulma/sass/elements/button.sass 62:3  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/elements/button.sass
  Error: The target selector was not found.
  Use "@extend %control !optional" to avoid this error.
     ╷
  62 │   @extend %control
     │   ^^^^^^^^^^^^^^^^
     ╵
    node_modules/bulma/sass/elements/button.sass 62:3  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at _EvaluateVisitor2._async_evaluate0$_throwForUnsatisfiedExtension$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69389:15)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$2$clone (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69331:17)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69359:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:73828:82
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at _awaitOnObject_closure.call$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28227:32)
      at Object._rootRunUnary (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:4116:18)
      at StaticClosure.<anonymous> (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:99022:16)
12:55:00 PM [vite] Internal server error: The target selector was not found.
Use "@extend %block !optional" to avoid this error.
   ╷
26 │   @extend %block
   │   ^^^^^^^^^^^^^^
   ╵
  node_modules/bulma/sass/elements/content.sass 26:3  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/elements/content.sass
  Error: The target selector was not found.
  Use "@extend %block !optional" to avoid this error.
     ╷
  26 │   @extend %block
     │   ^^^^^^^^^^^^^^
     ╵
    node_modules/bulma/sass/elements/content.sass 26:3  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at _EvaluateVisitor2._async_evaluate0$_throwForUnsatisfiedExtension$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69389:15)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$2$clone (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69331:17)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69359:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:73828:82
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at _awaitOnObject_closure.call$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28227:32)
      at Object._rootRunUnary (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:4116:18)
      at StaticClosure.<anonymous> (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:99022:16)
12:55:01 PM [vite] Internal server error: Undefined mixin.
   ╷
35 │ ┌       +ltr
36 │ └         margin-right: $icon-text-spacing
   ╵
  node_modules/bulma/sass/elements/icon.sass 35:7  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/elements/icon.sass
  Error: Undefined mixin.
     ╷
  35 │ ┌       +ltr
  36 │ └         margin-right: $icon-text-spacing
     ╵
    node_modules/bulma/sass/elements/icon.sass 35:7  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:70535:25
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at Object._asyncStartSync (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3705:20)
      at _EvaluateVisitor2.visitIncludeRule$body$_EvaluateVisitor0 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:70582:16)
      at _EvaluateVisitor2.visitIncludeRule$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:70520:19)
      at IncludeRule0.accept$1$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:85881:22)
      at IncludeRule0.accept$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:85884:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:75308:43
12:55:01 PM [vite] Internal server error: The target selector was not found.
Use "@extend %overlay !optional" to avoid this error.
   ╷
35 │       @extend %overlay
   │       ^^^^^^^^^^^^^^^^
   ╵
  node_modules/bulma/sass/elements/image.sass 35:7  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/elements/image.sass
  Error: The target selector was not found.
  Use "@extend %overlay !optional" to avoid this error.
     ╷
  35 │       @extend %overlay
     │       ^^^^^^^^^^^^^^^^
     ╵
    node_modules/bulma/sass/elements/image.sass 35:7  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at _EvaluateVisitor2._async_evaluate0$_throwForUnsatisfiedExtension$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69389:15)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$2$clone (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69331:17)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69359:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:73828:82
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at _awaitOnObject_closure.call$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28227:32)
      at Object._rootRunUnary (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:4116:18)
      at StaticClosure.<anonymous> (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:99022:16)
12:55:01 PM [vite] Internal server error: The target selector was not found.
Use "@extend %block !optional" to avoid this error.
   ╷
13 │   @extend %block
   │   ^^^^^^^^^^^^^^
   ╵
  node_modules/bulma/sass/elements/notification.sass 13:3  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/elements/notification.sass
  Error: The target selector was not found.
  Use "@extend %block !optional" to avoid this error.
     ╷
  13 │   @extend %block
     │   ^^^^^^^^^^^^^^
     ╵
    node_modules/bulma/sass/elements/notification.sass 13:3  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at _EvaluateVisitor2._async_evaluate0$_throwForUnsatisfiedExtension$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69389:15)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$2$clone (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69331:17)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69359:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:73828:82
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at _awaitOnObject_closure.call$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28227:32)
      at Object._rootRunUnary (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:4116:18)
      at StaticClosure.<anonymous> (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:99022:16)
12:55:01 PM [vite] Internal server error: The target selector was not found.
Use "@extend %block !optional" to avoid this error.
   ╷
32 │   @extend %block
   │   ^^^^^^^^^^^^^^
   ╵
  node_modules/bulma/sass/elements/table.sass 32:3  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/elements/table.sass
  Error: The target selector was not found.
  Use "@extend %block !optional" to avoid this error.
     ╷
  32 │   @extend %block
     │   ^^^^^^^^^^^^^^
     ╵
    node_modules/bulma/sass/elements/table.sass 32:3  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at _EvaluateVisitor2._async_evaluate0$_throwForUnsatisfiedExtension$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69389:15)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$2$clone (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69331:17)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69359:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:73828:82
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at _awaitOnObject_closure.call$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28227:32)
      at Object._rootRunUnary (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:4116:18)
      at StaticClosure.<anonymous> (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:99022:16)
12:55:01 PM [vite] Internal server error: The target selector was not found.
Use "@extend %block !optional" to avoid this error.
   ╷
12 │   @extend %block
   │   ^^^^^^^^^^^^^^
   ╵
  node_modules/bulma/sass/elements/progress.sass 12:3  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/elements/progress.sass
  Error: The target selector was not found.
  Use "@extend %block !optional" to avoid this error.
     ╷
  12 │   @extend %block
     │   ^^^^^^^^^^^^^^
     ╵
    node_modules/bulma/sass/elements/progress.sass 12:3  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at _EvaluateVisitor2._async_evaluate0$_throwForUnsatisfiedExtension$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69389:15)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$2$clone (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69331:17)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69359:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:73828:82
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at _awaitOnObject_closure.call$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28227:32)
      at Object._rootRunUnary (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:4116:18)
      at StaticClosure.<anonymous> (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:99022:16)
12:55:01 PM [vite] Internal server error: The target selector was not found.
Use "@extend %block !optional" to avoid this error.
   ╷
24 │   @extend %block
   │   ^^^^^^^^^^^^^^
   ╵
  node_modules/bulma/sass/elements/title.sass 24:3  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/elements/title.sass
  Error: The target selector was not found.
  Use "@extend %block !optional" to avoid this error.
     ╷
  24 │   @extend %block
     │   ^^^^^^^^^^^^^^
     ╵
    node_modules/bulma/sass/elements/title.sass 24:3  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at _EvaluateVisitor2._async_evaluate0$_throwForUnsatisfiedExtension$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69389:15)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$2$clone (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69331:17)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69359:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:73828:82
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at _awaitOnObject_closure.call$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28227:32)
      at Object._rootRunUnary (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:4116:18)
      at StaticClosure.<anonymous> (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:99022:16)
12:55:01 PM [vite] Internal server error: The target selector was not found.
Use "@extend %block !optional" to avoid this error.
  ╷
4 │   @extend %block
  │   ^^^^^^^^^^^^^^
  ╵
  node_modules/bulma/sass/elements/other.sass 4:3  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/elements/other.sass
  Error: The target selector was not found.
  Use "@extend %block !optional" to avoid this error.
    ╷
  4 │   @extend %block
    │   ^^^^^^^^^^^^^^
    ╵
    node_modules/bulma/sass/elements/other.sass 4:3  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at _EvaluateVisitor2._async_evaluate0$_throwForUnsatisfiedExtension$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69389:15)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$2$clone (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69331:17)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69359:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:73828:82
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at _awaitOnObject_closure.call$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28227:32)
      at Object._rootRunUnary (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:4116:18)
      at StaticClosure.<anonymous> (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:99022:16)
12:55:01 PM [vite] Internal server error: The target selector was not found.
Use "@extend %control !optional" to avoid this error.
   ╷
34 │   @extend %control
   │   ^^^^^^^^^^^^^^^^
   ╵
  node_modules/bulma/sass/form/shared.sass 34:3  root stylesheet
  Plugin: vite:css
  File: /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/bulma/sass/form/shared.sass
  Error: The target selector was not found.
  Use "@extend %control !optional" to avoid this error.
     ╷
  34 │   @extend %control
     │   ^^^^^^^^^^^^^^^^
     ╵
    node_modules/bulma/sass/form/shared.sass 34:3  root stylesheet
      at Object.wrapException (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:1246:17)
      at _EvaluateVisitor2._async_evaluate0$_throwForUnsatisfiedExtension$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69389:15)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$2$clone (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69331:17)
      at _EvaluateVisitor2._async_evaluate0$_combineCss$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:69359:19)
      at /Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:73828:82
      at _wrapJsFunctionForAsync_closure.$protected (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:3741:15)
      at _wrapJsFunctionForAsync_closure.call$2 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28239:12)
      at _awaitOnObject_closure.call$1 (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:28227:32)
      at Object._rootRunUnary (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:4116:18)
      at StaticClosure.<anonymous> (/Users/djordjestanojevic/Desktop/projects/vite-plugin-ssr-bulma/node_modules/sass/sass.dart.js:99022:16)
12:55:01 PM [vite] Internal server error: The target selector was not found.
Use "@extend ontrol !optional" to avoid this error.

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
brilloutcommented, Aug 3, 2022

Fix released in 0.4.17. Let me know if you still run into issues.

1reaction
brilloutcommented, Aug 3, 2022

It be great if this new feature that broke this was behind a config flag.

Sure but ideally we should fix the root problem though.

The functional change that causes this is this: https://github.com/brillout/vite-plugin-ssr/commit/2523f33e336af59da839b293851de5aadc754a75#diff-642a28905bc5a717c99a3a29451429227efa7deae76be5010e00ccd1924a573eL116

The whole function is this:

https://github.com/brillout/vite-plugin-ssr/blob/ff0cb6b7caebf8d797670a68aac7f761cf7e10d4/vite-plugin-ssr/node/retrievePageAssets.ts#L113-L124

I do believe this to be correct: basically it collects all CSS(-like) files that are being imported. These are injected to HTML to avoid FOUC (flash of unstyled content).

But I’ve an idea what could cause the problem. Let me check.

(CC hemengke1997 I was wrong.)

Read more comments on GitHub >

github_iconTop Results From Across the Web

Vite plugin css, build crash · Issue #10689 · vitejs/vite - GitHub
Describe the bug I'm trying to build one of our company's projects using vite It is crashing with error [vite:css-post] Maximum call stack ......
Read more >
Vite does not build my @extend rules from bulma-scss
I think the problem comes from the bulma-scss package itself. In the file that you are importing there is no %control placeholder.
Read more >
Untitled
White supra, 4447 old fox trail, Arcola high bridge, M30 nut drawing, ... Documental prt-erp, 96 6.5 turbo diesel problems, Widowmaker pine tree, ......
Read more >
A proposal to change to a method of adjusting the gap with a CSS ...
Similar Issues. vite-plugin-ssr Bulma CSS not working with vite-plugin-ssr version 0.4.14 and higher 5 closed 🗓️ 2 months ago.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

Crash during hydration

Next page

Weird atomic CSS class generating issues depending on render mode