Skip to content

bug: stencil does not update the sass styles on Windows 11. #4130

@a7medm7med

Description

@a7medm7med

Prerequisites

Stencil Version

3.0.0

Current Behavior

When starting using the sass in a stencil project and trying to import other styles from modules using the @use() rule on making any changes in the files no thing updates.

Try cloning my repo and changing the background-color in the my-component.scss file to see that nothing will be updated until rebuild the project.

IMPORTANT: This bug is only in Windows, not macOS or Linux.

Expected Behavior

Stencil looks for changes that happen in the imported sass modules during the development process.

System Info

System: node 18.14.2
     Plaform: windows (10.0.22624)
   CPU Model: 11th Gen Intel(R) Core(TM) i5-11400H @ 2.70GHz (12 cpus)
    Compiler: D:\stencil-component-starter-main\node_modules\@stencil\core\compiler\stencil.js
       Build: 20230228172721
     Stencil: 3.1.0
  TypeScript: 4.9.5
      Rollup: 2.42.3
      Parse5: 7.1.2
      Sizzle: 2.42.3
      Terser: 5.16.4

Steps to Reproduce

  1. Set up a stencil component project.
  2. Use the sass modules by using the @use() rule.
  3. Start the project.
  4. Try making any changes in the imported file and changes will not apply until rebuild the project,

Code Reproduction URL

https://github.com/a7medm7med/stencil-component-starter

Additional Information

No response

Metadata

Metadata

Labels

Bug: ValidatedThis PR or Issue is verified to be a bug within Stencil

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions