AngularJS + Compass project fails to run locally on Windows (grunt dev / SCSS )

2 months ago 11
ARTICLE AD BOX

I’m trying to run an old AngularJS project locally on Windows 11. The project uses:

SCSS with Compass

Pug templates

Grunt tasks (grunt dev / grunt build)

Node.js + Bower

According to the README, I should just install npm and bower then run grunt dev to start a local dev server, but I’m getting errors.

Local setup with WSL2 (Ubuntu 22.04)

Installed Node.js, npm, Bower, Ruby 2.7, Compass 1.0.3 inside WSL2.

Ran:

npm install bower install grunt build grunt dev

Errors with grunt:

grunt build:

Errno::EACCES .../sass/plugin/compiler.rb: Permission denied @ rb_sysopen - .../build/app.css Aborted due to warnings

grunt dev:

Running "compass:dev" (compass) task Running "connect:server" (connect) task Started connect web server on http://localhost:9123 Fatal error: Exited with code 3

sass --watch sass:dev:

error sass/app.scss (Line 2: File to import not found or unreadable: compass/css3) Load path: /mnt/c/Users/Yassine/Desktop/erp-altanlagentool/sass Using Docker

Tried:

docker-compose up --build

Errors:

failed to compute cache key: failed to calculate checksum of ref ...: "/hybridisierungs-tool/dist": not found failed to compute cache key: failed to calculate checksum of ref ...: "/kommunale-waermeplanung/dist": not found

The Dockerfile contains multiple COPY .//dist ./webapp/ commands, which fail because these dist folders don’t exist yet — they are generated by grunt build.

What I want:

Run grunt dev locally so I can see the app with correct CSS, SCSS, fonts, and Pug templates.

Avoid changing any project files.

Understand whether WSL2 or Docker is the correct approach.

Additional info:

Ruby 2.7.8 installed in WSL2

Compass 1.0.3 installed

Node.js and npm installed

Docker fails because dist folders don’t exist yet

How can I run this project locally on Windows 11 using Docker (or WSL2) without modifying project files, so that grunt dev works and the app loads with correct CSS and fonts?

Read Entire Article