Compilation error

Hi,

I got the following error during compile time. I don’t get why I got this kind of network error at compile time, do you have any idea?

Thanks

> [email protected] build /home/xx/yy.com/n8n/packages/editor-ui
> cross-env VUE_APP_PUBLIC_PATH="/%BASE_PATH%/" vue-cli-service build


⠙  Building for production...Starting type checking and linting service...
Using 1 worker with 2048MB memory limit
⠇  Building for production...events.js:292
      **throw er; // Unhandled 'error' event**
**      ^**

**Error: read ECONNRESET**
**    at Pipe.onStreamRead (internal/stream_base_commons.js:205:27)**
**Emitted 'error' event on Socket instance at:**
**    at emitErrorNT (internal/streams/destroy.js:92:8)**
**    at emitErrorAndCloseNT (internal/streams/destroy.js:60:3)**
**    at processTicksAndRejections (internal/process/task_queues.js:84:21) {**
**  errno: 'ECONNRESET',**
**  code: 'ECONNRESET',**
**  syscall: 'read'**
**}**

At build time it downloads the font from GoogleFonts. So if you do not have internet access it will not work. So that could be the problem you are having. So if you do not have internet access at the time you build n8n you can deactivate that GoogleFonts part (the whole configureWebpack block) in the packages/editor-ui/vue.config.js file

Thanks, I confirm that it’s going further in compilation process, but it is stuck after a whiile:

> [email protected] build /home/xx/yy/n8n/packages/editor-ui
> cross-env VUE_APP_PUBLIC_PATH="/%BASE_PATH%/" vue-cli-service build


> [email protected] build /home/xx/yy/n8n/packages/core
> tsc


⠙  Building for production...Starting type checking and linting service...
Using 1 worker with 2048MB memory limit
11% building 10/13 modules 3 active ...e_modules/eslint-loader/index.js??ref--13-0!/home/xx/yy/n8n/packages/editor-ui/src/constants.ts
> [email protected] build /home/xx/yy/n8n/packages/nodes-base
> tsc && gulp

22% building 105/137 modules 32 active ...yy/n8n/packages/editor-ui/src/components/MainHeader.vue?vue&type=style&index=1&id=4f11bcd6&scoped=true&lang=scss&You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing. Pick plugins for your case on https://www.postcss.parts/ and use them in postcss.config.js.
67% building 494/520 modules 26 active /home/xx/yy/n8n/node_modules/axios/lib/helpers/cookies.jsYou did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing. Pick plugins for your case on https://www.postcss.parts/ and use them in postcss.config.js.
69% building 570/573 modules 3 active ...yy/n8n/packages/editor-ui/src/components/VariableSelectorItem.vue?vue&type=style&index=0&id=0496dd5e&scoped=true&lang=scss&You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing. Pick plugins for your case on https://www.postcss.parts/ and use them in postcss.config.js.
90% chunk assets processing[22:58:19] Using gulpfile ~/yy/n8n/packages/nodes-base/gulpfile.js
[22:58:19] Starting 'default'...
95% emitting HtmlWebpackPlugin[22:58:19] Finished 'default' after 260 ms
98% after emitting CopyPlugin

 DONE  Compiled successfully in 23833ms                                                                                                                             10:58:19 PM

Webpack Bundle Analyzer is started at http://127.0.0.1:8888
Use Ctrl+C to close it
  File           Size                          Gzipped

  dist/app.js    20049.34 KiB                  3614.99 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

Do you have an idea?

Thanks

Pierre

Update

Compilation is now working fine, it was an env variable problem. But when I try to access the app I got several 500 error, one for each generated file that needs to be access:

for example
https://xxx.com/js/app.a06a91a5.js => 500 error
https://xxx.com/css/chunk-vendors.682d90f8.css => 500 error
and

Refused to apply style from ‘https://xxx.com/css/app.7543c5fb.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Any idea?

Sadly not. Looks for me like something is wrong with the setup. The mime-type says it is returning “text/html” so meaning it is probably returning some kind of error-page instead of the actual css file.

So I would check the guide again step by step. This kind of problems normally always turn out to be some kind of setup issue. Like steps got skipped, variable values set wrong, …
If you can not find what is wrong it is normally best to simply start over again.