Build Error

[bobcat1506]

Error:

[build 7/7] RUN npm run build:
#13 3.021
#13 3.021 > host-mfe@0.0.0 build /usr/local/host-mfe
#13 3.021 > ng build
#13 3.021
#13 5.253 - Generating browser application bundles (phase: setup)...
#13 9.903 Compiling @angular/core : es2015 as esm2015
#13 14.20 Compiling @angular/common : es2015 as esm2015
#13 16.29 Compiling @angular/platform-browser : es2015 as esm2015
#13 16.29 Compiling @angular/router : es2015 as esm2015
#13 17.94 Compiling @angular/platform-browser-dynamic : es2015 as esm2015
#13 33.24 ✔ Browser application bundle generation complete.
#13 33.25 ✔ Browser application bundle generation complete.
#13 33.26
#13 33.26 /usr/local/host-mfe/src/app/app.component.scss - Error: /usr/local/host-mfe/src/app/app.component.scss from Css Minimizer
#13 33.26 Error: The service was stopped
#13 33.26 at /usr/local/host-mfe/node_modules/esbuild/lib/main.js:1254:29
#13 33.26 at /usr/local/host-mfe/node_modules/esbuild/lib/main.js:609:9
#13 33.26 at Socket.afterClose (/usr/local/host-mfe/node_modules/esbuild/lib/main.js:587:7)
#13 33.26 at Socket.emit (events.js:412:35)
#13 33.26 at endReadableNT (internal/streams/readable.js:1317:12)
#13 33.26 at processTicksAndRejections (internal/process/task_queues.js:82:21)
#13 33.26
#13 33.26 Error: Optimization error [92.852011aaaad49c1271a0.js]: Error: write EPIPE
#13 33.26 at afterWriteDispatched (internal/stream_base_commons.js:156:25)
#13 33.26 at writeGeneric (internal/stream_base_commons.js:147:3)
#13 33.26 at Socket._writeGeneric (net.js:787:11)
#13 33.26 at Socket._write (net.js:799:8)
#13 33.26 at writeOrBuffer (internal/streams/writable.js:358:12)
#13 33.26 at Socket.Writable.write (internal/streams/writable.js:303:10)
#13 33.26 at Object.writeToStdin (/usr/local/host-mfe/node_modules/esbuild/lib/main.js:1723:19)
#13 33.26 at sendRequest (/usr/local/host-mfe/node_modules/esbuild/lib/main.js:617:14)
#13 33.26 at start (/usr/local/host-mfe/node_modules/esbuild/lib/main.js:1252:9)
#13 33.26 at Object.transform2 [as transform] (/usr/local/host-mfe/node_modules/esbuild/lib/main.js:1302:5)

Steps to reproduce:

1. Create a new angular app: ng new host-mfe
2. Add your project: ng add @angular-architects/module-federation --port 4000
3. Build in docker: docker build .

Sample repository: https://github.com/bobcat1506/angular-mod-fed-build-bug

[tomzre]

use yarn instead of npm

[david-brink-talogy]

Ran into this just trying to get a newly scaffolded angular app into an image.

Source

Try adding this to your Dockerfile just before the angular build.

RUN node node_modules/esbuild/install.js