-
Notifications
You must be signed in to change notification settings - Fork 11.9k
Closed
Labels
angular/build:applicationarea: @angular/buildfreq1: lowOnly reported by a handful of users who observe it rarelyOnly reported by a handful of users who observe it rarelyseverity3: brokentype: bug/fix
Description
Command
build
Is this a regression?
- Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was
No response
Description
When Tailwind is configured in a project (maybe just PostCSS), any @import url() statement with a URL ending in .css (such as @import url(https://fonts.googleapis.com/earlyaccess/notokufiarabic.css); causes the build to fail, as the url is deemed a local file by the language filters passed to StyleSheetPluginFactory.create(). The create method seems to register an esbuild onLoad handler that will read the path as a local file
Any URLs ending in .less, .scss or .sass are also affected.
In our case we can't easily remove .css from the imported URL, as it's defined by an imported third party CSS file.
Minimal Reproduction
- Create a new project with
ng new - Install Tailwind by following the Tailwind + Angular installation guide
- Add the following to
src/styles.css:@import url(https://fonts.googleapis.com/earlyaccess/notokufiarabic.css); - Run
npm run build - The build fails, as the URL is attemped to be read as a local file
When no Tailwind config file is present, the build runs fine:
- Remove
tailwind.config.jsand the@tailwindlines from the CSS file, while keeping the@import url() - Run
npm run build - The build succeeds
Exception or Error
ENOENT: no such file or directory, open 'https://fonts.googleapis.com/earlyaccess/notokufiarabic.css' [plugin angular-css]
Your Environment
Angular CLI: 18.1.2
Node: 20.14.0
Package Manager: npm 10.7.0
OS: darwin arm64
Angular: 18.1.2
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1801.2
@angular-devkit/build-angular 18.1.2
@angular-devkit/core 18.1.2
@angular-devkit/schematics 18.1.2
@schematics/angular 18.1.2
rxjs 7.8.1
typescript 5.5.4
zone.js 0.14.8
Anything else relevant?
No response
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
angular/build:applicationarea: @angular/buildfreq1: lowOnly reported by a handful of users who observe it rarelyOnly reported by a handful of users who observe it rarelyseverity3: brokentype: bug/fix