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
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:
Refused to apply style from ‘XXX Sex - Free Porn Videos on XXX.com’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
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.