uswds / uswds-compile

Simple Gulp 4 functions for copying USWDS static assets and transforming USWDS Sass into browser-readable CSS.
Other
21 stars 12 forks source link

USWDS-Compile - Bug: Error: spawn EINVAL #98

Closed oliverharan closed 3 months ago

oliverharan commented 4 months ago

Describe the bug

After running USWDS for over yr with good success, Im getting errors all of a sudden. This happens when I either run npx gulp watch or npx gulp compile. Im wondering if anyone encountered these messages and have any suggestions on what I can do to resolve it?

Command prompt is as follows:

C:\inetpub\wwwroot\c360\web\themes\custom\ed_cop>npx gulp compile [14:38:57] Using gulpfile C:\inetpub\wwwroot\c360\web\themes\custom\ed_cop\gulpfile.js [14:38:57] Starting 'compile'... uswds.version: 3 Compiling with USWDS 3.7.0 components\style.scss Error: spawn EINVAL [14:38:57] Finished 'compile' after 38 ms

C:\inetpub\wwwroot\c360\web\themes\custom\ed_cop>npx gulp watch [14:45:00] Using gulpfile C:\inetpub\wwwroot\c360\web\themes\custom\ed_cop\gulpfile.js [14:45:00] Starting 'watch'... uswds.version: 3 Compiling with USWDS 3.7.0 components\style.scss Error: spawn EINVAL

image

/ style.scss /

@use "uswds-core" with ( $theme-image-path: "../assets/img", $theme-font-path: "../assets/fonts", $theme-respect-user-font-size: true, $theme-font-type-sans: "public-sans", $theme-banner-max-width: "widescreen", $theme-grid-container-max-width: "widescreen", $theme-site-margins-breakpoint: "widescreen", $theme-input-max-width: "desktop", $theme-font-role-ui: "sans", $theme-font-role-heading: "sans", $theme-font-role-body: "sans", $theme-font-role-code: "mono", $theme-font-role-alt: "serif", $theme-type-scale-sm: 5, $theme-body-font-size: "sm", $theme-body-line-height: 4, $theme-color-accent-cool-lighter: #e2f1f3, $theme-color-accent-cool-light: #b0d9de, $theme-color-accent-cool: #2b6168, $theme-color-accent-cool-dark: #0a2231, $theme-color-accent-cool-darker: #0a2231, $theme-input-background-color: "white", $theme-body-background-color: "base-lighter", $theme-input-tile-border-radius: "lg", $theme-button-border-radius: "lg" ); @forward "uswds";

@use "site-wide"; @use "./announcement/announcement"; @use "./sitewide_alert/sitewide_alert"; @use "./resources/resources"; @use "./stepper/stepper"; @use "./quicklinks/quicklinks"; @use "./announcement_deadline/announcement_deadline";

Steps to reproduce the bug

  1. From command prompt 2. From the theme directory where the gulpfile is located 3> Run the command npx gulp watch or npx gulp compile

Expected Behavior

npx gulp compile and watch process without any errors or warnings

Related code

No response

Screenshots

image

System setup

No response

Additional context

No response

Code of Conduct

mejiaj commented 4 months ago

Hey @oliverharan, would you mind sharing the version of Node/NPM are you using?

oliverharan commented 4 months ago

@mejiaj Im using NPM 10.5.2

oliverharan commented 4 months ago

Hey @oliverharan, would you mind sharing the version of Node/NPM are you using?

@mejiaj Im using NPM 10.5.2

oliverharan commented 3 months ago

well, after running an npm update.... the issue has been resolved... so hopefully this can help the next person... thank you team