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.

bug(theming): Can't find stylesheet to import

See original GitHub issue

Reproduction

After updating to v13 this morning, which removed all of the tildes from mat @use statements, our library isn’t building (via ng-packagr), saying it can’t find the stylesheet. If I add the tildes back, it builds fine. Using without the tilde is working ok in the context of an application, but our library builds seem to still need them. This causes a really ugly catch 22, since our styles can’t have tildes to work with applications, but need them to work with the library build.

Actual Behavior

------------------------------------------------------------------------------
Building entry point '@fabric/components/breadcrumbs'
------------------------------------------------------------------------------
× Compiling with Angular sources in Ivy partial compilation mode.
Can't find stylesheet to import.
  ╷
7 │ @use '@angular/material' as mat;
  │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  breadcrumbs\breadcrumbs.component.scss 7:1  root stylesheet
error Command failed with exit code 1.

Environment

  • Angular: 13.0.0
  • CDK/Material: 13.0.0
  • Browser(s): N/A
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:12 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
guehmanncommented, Nov 4, 2021

@michaelfaith Ok, for as long with my configuration it is working. Sorry. perhaps next update solve some of our problems.

1reaction
guehmanncommented, Nov 4, 2021

I have a pure app, an an combined monorepo with nx. after clearing node_modules, package.json.lock and cache it is working with pure 13.0.0

Read more comments on GitHub >

github_iconTop Results From Across the Web

Sass "Error: Can't find stylesheet to import." - Stack Overflow
I'm trying to follow the workflow described in https://getbootstrap.com/docs/4.1/getting-started/theming/ to import Bootstrap's SCSS source code ...
Read more >
Error: Can't find stylesheet to import. · Issue #3269 - GitHub
use the proper relative import (i.e. @import "abstracts/reset" ); define a load path from which imports can be resolved (which might be what ......
Read more >
Executing Sass - Can't find stylesheet to import - Syncfusion
Hi :) I'm currently trying to do the following: code.png. So I import the base styles, then I override some scss variables, and...
Read more >
Laravel NPM run Dev error "Can't find stylesheet to import."
node_modules/sass-loader/dist/cjs.js): SassError: Can't find stylesheet to import. @import "~compass/css3"; I already installed compass and compass-mixins.
Read more >
Sass Error after upgrading vom v14 to v15 | Infragistics Forums
node_modules/sass-loader/dist/cjs.js): SassError: Can't find stylesheet to import. ╷ 7 │ @use 'igniteui-theming/sass/color/functions' as ...
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