Getting error while running docker build -t n8n-custom -f docker/images/n8n-custom/Dockerfile

=> ERROR [builder 16/16] RUN npm run build 28.5s

[builder 16/16] RUN npm run build:
#24 0.409
#24 0.409 > [email protected] build
#24 0.409 > lerna exec npm run build
#24 0.409
#24 0.589 lerna notice cli v4.0.0
#24 0.591 lerna info versioning independent
#24 0.628 lerna info Executing command in 6 packages: “npm run build”
#24 0.858
#24 0.858 > [email protected] build
#24 0.858 > tsc
#24 0.858
#24 0.859
#24 0.859 > [email protected] build
#24 0.859 > npm run build:theme
#24 0.859
#24 1.074
#24 1.074 > [email protected] build:theme
#24 1.074 > gulp build:theme
#24 1.074
#24 1.790 [08:39:25] Using gulpfile /data/packages/design-system/gulpfile.js
#24 1.791 [08:39:25] Starting ‘build:theme’…
#24 1.792 [08:39:25] Starting ‘compileTheme’…
#24 3.786 [08:39:27] Finished ‘compileTheme’ after 1.99 s
#24 3.787 [08:39:27] Starting ‘copyThemeFonts’…
#24 3.815 [08:39:27] Finished ‘copyThemeFonts’ after 29 ms
#24 3.815 [08:39:27] Finished ‘build:theme’ after 2.02 s
#24 5.407
#24 5.407 > [email protected] build
#24 5.407 > cross-env VUE_APP_PUBLIC_PATH="/%BASE_PATH%/" vue-cli-service build
#24 5.407
#24 5.407
#24 5.407 > [email protected] build
#24 5.407 > tsc
#24 5.407
#24 5.986
#24 5.987 - Building for production…
#24 6.777 Starting type checking and linting service…
#24 6.778 Using 1 worker with 2048MB memory limit
#24 10.00
#24 10.00 > [email protected] build
#24 10.00 > tsc && gulp build:icons && gulp build:translations
#24 10.00
#24 27.97 ERROR Failed to compile with 1 error8:39:51 AM
#24 27.97
#24 27.97 error in ./src/main.ts
#24 27.97
#24 27.97 Syntax Error: Thread Loader (Worker 0)
#24 27.97 Failed to load plugin ‘vue’ declared in ‘.eslintrc.js’: Cannot find module ‘eslint-plugin-vue’
#24 27.97 Require stack:
#24 27.97 - /data/packages/editor-ui/placeholder.js
#24 27.97 Referenced from: /data/packages/editor-ui/.eslintrc.js
#24 27.97 at _normalizeObjectConfigDataBody.next ()
#24 27.97 at _normalizeObjectConfigData.next ()
#24 27.97
#24 27.97
#24 27.97 @ multi ./src/main.ts
#24 27.97
#24 28.05 Error parsing bundle asset “/data/packages/editor-ui/dist/js/app.d9917194.js”: no such file
#24 28.05 Error parsing bundle asset “/data/packages/editor-ui/dist/editor.worker.js”: no such file
#24 28.05 Error parsing bundle asset “/data/packages/editor-ui/dist/json.worker.js”: no such file
#24 28.05 Error parsing bundle asset “/data/packages/editor-ui/dist/ts.worker.js”: no such file
#24 28.05
#24 28.05 No bundles were parsed. Analyzer will show only original module sizes from stats file.
#24 28.05
#24 28.07 Webpack Bundle Analyzer saved report to /data/packages/editor-ui/dist/report.html
#24 28.07 ERROR Build failed with errors.
#24 28.26 lerna ERR! npm run build exited 1 in ‘n8n-editor-ui’
#24 28.26 lerna ERR! npm run build exited 1 in ‘n8n-editor-ui’
#24 28.26 lerna WARN complete Waiting for 1 child process to exit. CTRL-C to exit immediately.

@Jon

Hey @121810306029_PRIYANK, this looks like a problem with your local code. I just pulled the current n8n repo and running docker build -t n8n-custom -f docker/images/n8n-custom/Dockerfile . in the repo’s parent directory completes as expected:

Console Output
$ docker build -t n8n-custom -f docker/images/n8n-custom/Dockerfile .
Sending build context to Docker daemon  66.38MB
Step 1/28 : FROM node:16-alpine as builder
 ---> e5065cc78074
Step 2/28 : USER root
 ---> Using cache
 ---> 1a140d0489cd
Step 3/28 : RUN apk --update add --virtual build-dependencies python3 build-base ca-certificates && 	npm_config_user=root npm install -g lerna
 ---> Using cache
 ---> 733a8221dfd4
Step 4/28 : WORKDIR /data
 ---> Using cache
 ---> 258897788606
Step 5/28 : COPY lerna.json .
 ---> Using cache
 ---> c98e06f7b2c1
Step 6/28 : COPY package.json .
 ---> 493268db3883
Step 7/28 : COPY packages/cli/ ./packages/cli/
 ---> cfb6c11c0d97
Step 8/28 : COPY packages/core/ ./packages/core/
 ---> 786dcd758ef2
Step 9/28 : COPY packages/design-system/ ./packages/design-system/
 ---> cec09492d4d3
Step 10/28 : COPY packages/editor-ui/ ./packages/editor-ui/
 ---> 37071c89097d
Step 11/28 : COPY packages/nodes-base/ ./packages/nodes-base/
 ---> c935e3af6869
Step 12/28 : COPY packages/workflow/ ./packages/workflow/
 ---> 4581037cac6f
Step 13/28 : RUN rm -rf node_modules packages/*/node_modules packages/*/dist
 ---> Running in 659006a5d20f
Removing intermediate container 659006a5d20f
 ---> 7f6fdb7f8690
Step 14/28 : RUN npm config set legacy-peer-deps true
 ---> Running in 2421bc3f9204
Removing intermediate container 2421bc3f9204
 ---> 42deb3bb15d4
Step 15/28 : RUN npm install --production --loglevel notice
 ---> Running in de9e5b37ba81

up to date, audited 1 package in 16s

found 0 vulnerabilities
npm notice 
npm notice New minor version of npm available! 8.5.5 -> 8.10.0
npm notice Changelog: <https://github.com/npm/cli/releases/tag/v8.10.0>
npm notice Run `npm install -g [email protected]` to update!
npm notice 
Removing intermediate container de9e5b37ba81
 ---> b498d172ac15
Step 16/28 : RUN lerna bootstrap --hoist -- --production
 ---> Running in 6e284d8fb808
lerna notice cli v4.0.0
lerna info versioning independent
lerna info Bootstrapping 6 packages
lerna WARN EHOIST_PKG_VERSION "n8n" package depends on @types/[email protected]^8.3.0, which differs from the hoisted @types/[email protected]^8.3.2.
lerna WARN EHOIST_PKG_VERSION "n8n-core" package depends on @types/[email protected]^8.3.4, which differs from the hoisted @types/[email protected]^8.3.2.
lerna WARN EHOIST_PKG_VERSION "n8n" package depends on [email protected]^4.1.1, which differs from the hoisted [email protected]~4.1.1.
lerna WARN EHOIST_PKG_VERSION "n8n" package depends on [email protected]^6.7.1, which differs from the hoisted [email protected]^6.5.0.
lerna WARN EHOIST_PKG_VERSION "n8n" package depends on [email protected]^8.3.0, which differs from the hoisted [email protected]^8.3.2.
lerna info Installing external dependencies
lerna info hoist Installing hoisted dependencies into root
lerna info hoist Pruning hoisted dependencies
lerna info hoist Finished pruning hoisted dependencies
lerna info hoist Finished bootstrapping root
lerna info Symlinking packages and binaries
lerna success Bootstrapped 6 packages
Removing intermediate container 6e284d8fb808
 ---> 623143ccb110
Step 17/28 : RUN npm run build
 ---> Running in 0a8aad598d57

> [email protected] build
> lerna exec npm run build

lerna notice cli v4.0.0
lerna info versioning independent
lerna info Executing command in 6 packages: "npm run build"

> [email protected] build
> npm run build:theme


> [email protected] build
> tsc


> [email protected] build:theme
> gulp build:theme

[11:20:56] Using gulpfile /data/packages/design-system/gulpfile.js
[11:20:56] Starting 'build:theme'...
[11:20:56] Starting 'compileTheme'...
[11:20:58] Finished 'compileTheme' after 2.17 s
[11:20:58] Starting 'copyThemeFonts'...
[11:20:58] Finished 'copyThemeFonts' after 19 ms
[11:20:58] Finished 'build:theme' after 2.19 s

> [email protected] build
> cross-env VUE_APP_PUBLIC_PATH="/%BASE_PATH%/" vue-cli-service build


> [email protected] build
> tsc


-  Building for production...
Starting type checking and linting service...
Using 1 worker with 2048MB memory limit

> [email protected] build
> tsc && gulp build:icons && gulp build:translations

[11:21:38] Using gulpfile /data/packages/nodes-base/gulpfile.js
[11:21:38] Starting 'build:icons'...
[11:21:38] Finished 'build:icons' after 207 ms
[11:21:39] Using gulpfile /data/packages/nodes-base/gulpfile.js
[11:21:39] Starting 'build:translations'...
Default locale set to: en
No translation required - Skipping translations build...
[11:21:39] Finished 'build:translations' after 1.38 ms
 WARNING  Compiled with 2 warnings11:22:11 AM

 warning  

asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets: 
  json.worker.js (249 KiB)
  ts.worker.js (4.5 MiB)
  js/app.bd98da86.js (628 KiB)
  css/chunk-vendors.2bf86018.css (326 KiB)
  js/chunk-vendors.40361013.js (4.91 MiB)
  static/quickstart_thumbnail.png (389 KiB)

 warning  

entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  app (5.92 MiB)
      css/chunk-vendors.2bf86018.css
      js/chunk-vendors.40361013.js
      css/app.5ce023dc.css
      js/app.bd98da86.js


Webpack Bundle Analyzer saved report to /data/packages/editor-ui/dist/report.html
  File                                   Size              Gzipped

  dist/js/chunk-vendors.40361013.js      5027.37 KiB       1326.51 KiB
  dist/ts.worker.js                      4610.62 KiB       1033.84 KiB
  dist/js/app.bd98da86.js                627.92 KiB        154.26 KiB
  dist/json.worker.js                    248.86 KiB        74.52 KiB
  dist/editor.worker.js                  123.62 KiB        40.86 KiB
  dist/js/chunk-4301fce8.d032a636.js     121.50 KiB        32.94 KiB
  dist/js/chunk-2d22d3e6.388c0a4c.js     28.89 KiB         7.23 KiB
  dist/js/chunk-b1e1f7c0.92d036f0.js     5.93 KiB          2.11 KiB
  dist/js/chunk-2d2073c1.f0370751.js     5.00 KiB          1.97 KiB
  dist/css/chunk-vendors.2bf86018.css    325.67 KiB        49.11 KiB
  dist/css/app.5ce023dc.css              82.40 KiB         15.71 KiB

  Images and other types of assets omitted.

 DONE  Build complete. The dist directory is ready to be deployed.
 INFO  Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html
      

> [email protected] build
> tsc && cp -r ./src/UserManagement/email/templates ./dist/src/UserManagement/email

lerna success exec Executed command in 6 packages: "npm run build"
Removing intermediate container 0a8aad598d57
 ---> 7ed3bc29457e
Step 18/28 : FROM node:16-alpine
 ---> e5065cc78074
Step 19/28 : USER root
 ---> Using cache
 ---> 1a140d0489cd
Step 20/28 : RUN apk add --update graphicsmagick tzdata tini su-exec git
 ---> Using cache
 ---> adb5fed60784
Step 21/28 : WORKDIR /data
 ---> Using cache
 ---> c6a61f8e752d
Step 22/28 : RUN npm_config_user=root npm install -g full-icu
 ---> Using cache
 ---> 354c6972515e
Step 23/28 : RUN apk --no-cache add --virtual fonts msttcorefonts-installer fontconfig && 	update-ms-fonts && 	fc-cache -f && 	apk del fonts && 	find  /usr/share/fonts/truetype/msttcorefonts/ -type l -exec unlink {} \;
 ---> Using cache
 ---> e13dc220d869
Step 24/28 : ENV NODE_ICU_DATA /usr/local/lib/node_modules/full-icu
 ---> Using cache
 ---> ca3e35eb7b8a
Step 25/28 : COPY --from=builder /data ./
 ---> 4585da734a7c
Step 26/28 : COPY docker/images/n8n-custom/docker-entrypoint.sh /docker-entrypoint.sh
 ---> 24b2b7c43ca5
Step 27/28 : ENTRYPOINT ["tini", "--", "/docker-entrypoint.sh"]
 ---> Running in 98eaa7376759
Removing intermediate container 98eaa7376759
 ---> b5115848fc5e
Step 28/28 : EXPOSE 5678/tcp
 ---> Running in a5f292245469
Removing intermediate container a5f292245469
 ---> d2e2e7affe6b
Successfully built d2e2e7affe6b
Successfully tagged n8n-custom:latest

Could you try pulling the original n8n repo and try re-running your build?