Npm run build failing on MAC M1

npm run build failing with below error

ERROR Failed to compile with 9 errors

I am following this document to get n8n locally

Tried cleaning lerna but didn’t work, Has anyone else experienced this before on mac m1? Does anyone know how to fix this?

Hey @sushant_a,

Welcome to the community :tada:

I am currently using an M1 Mac but not have not seen this before, It looks like the lerna command was missed.

Can you confirm the exact commands you ran and the order? Is it also a fresh clone of the repo or one you have been working on?

Hi @jon

Thanks

I followed these steps and Its fresh clone

git clone https://github.com/n8n-io/n8n
cd n8n
lerna bootstrap --hoist
npm run build
npm run start

Hey @sushant_a,

Interesting, They should work it is the same steps I take. Did the lerna command fail at all? Can you try again with the latest code base in a different folder?

@jon

On lerna bootstrap --hoist,it succeed

lerna notice cli v5.3.0
lerna info versioning independent
lerna info Bootstrapping 7 packages
lerna WARN EHOIST_PKG_VERSION "n8n-workflow" package depends on [email protected]^7.32.0, which differs from the hoisted [email protected]^8.0.0.
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 7 packages

I Deleted the folder performed steps again but still gets the same error.

 ERROR  Build failed with errors.
lerna ERR! npm run build exited 1 in 'n8n-editor-ui'
lerna ERR! npm run build exited 1 in 'n8n-editor-ui'

Hi @sushant_a,

I encountered the same error recently, on a Mac M1.

Have you checked that you are running node js on version 16, using node --version ?

If not, you can :

  • install node 16
brew install [email protected]
  • unlink the node installation you are running and replace it with node 16
brew unlink node
brew link —overwrite [email protected]
  • modify PATH
echo 'export PATH="/opt/homebrew/opt/[email protected]/bin:$PATH"' >> ~/.zshrc

Hope this helps !

1 Like

That is a good shout, I had assumed Node 16 but I don’t think we have updated that doc to mention it yet.

@paulglx

I was on using node v14 so I upgraded node to 16 and linked it but still it throws the same error

Screenshot 2022-07-29 at 6.59.21 PM

Any other possible problems?

Hey @sushant_a,

Could you run the steps again and send over the full output?

@jon

Here is full output.

➜  development node --version
v16.16.0
➜  development git clone https://github.com/n8n-io/n8n.git
Cloning into 'n8n'...
remote: Enumerating objects: 113846, done.
remote: Counting objects: 100% (455/455), done.
remote: Compressing objects: 100% (254/254), done.
remote: Total 113846 (delta 221), reused 410 (delta 197), pack-reused 113391
Receiving objects: 100% (113846/113846), 64.75 MiB | 384.00 KiB/s, done.
Resolving deltas: 100% (91035/91035), done.
➜  development cd n8n
➜  n8n git:(master) lerna bootstrap --hoist
lerna notice cli v5.3.0
lerna info versioning independent
lerna info Bootstrapping 7 packages
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 7 packages
➜  n8n git:(master) ✗ npm run build

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

lerna notice cli v3.22.1
lerna info versioning independent
lerna info Executing command in 7 packages: "npm run build"

> [email protected] build
> tsc


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


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

[19:16:38] Using gulpfile ~/development/n8n/packages/design-system/gulpfile.js
[19:16:38] Starting 'build:theme'...
[19:16:38] Starting 'compileTheme'...
[19:16:41] Finished 'compileTheme' after 2.76 s
[19:16:41] Starting 'copyThemeFonts'...
[19:16:41] Finished 'copyThemeFonts' after 33 ms
[19:16:41] Finished 'build:theme' after 2.8 s

> [email protected] build
> tsc


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


⠇  Building for production...
> [email protected] build
> tsc && gulp build:icons && gulp build:translations

⠏  Building for production...[19:17:58] Using gulpfile ~/development/n8n/packages/nodes-base/gulpfile.js
[19:17:58] Starting 'build:icons'...
⠙  Building for production...[19:17:58] Finished 'build:icons' after 423 ms
[19:17:59] Using gulpfile ~/development/n8n/packages/nodes-base/gulpfile.js
[19:17:59] Starting 'build:translations'...
Default locale set to: en
No translation required - Skipping translations build...
[19:17:59] Finished 'build:translations' after 1.71 ms
⠇  Building for production...

 ERROR  Failed to compile with 10 errors                                                                                                                                                          7:18:35 PM

 error  in src/App.vue:22:25

TS7016: Could not find a declaration file for module './views/LoadingView.vue'. '/Users/sushantawalekar/development/n8n/packages/editor-ui/src/views/LoadingView.vue.js' implicitly has an 'any' type.
    20 | <script lang="ts">
    21 | import Modals from './components/Modals.vue';
  > 22 | import LoadingView from './views/LoadingView.vue';
       |                         ^^^^^^^^^^^^^^^^^^^^^^^^^
    23 | import Telemetry from './components/Telemetry.vue';
    24 | import { HIRING_BANNER, VIEWS } from './constants';
    25 |

 error  in src/components/DeleteUserModal.vue:57:10

TS2305: Module '"n8n-design-system"' has no exported member 'N8nUserSelect'.
    55 | import { IUser } from "../Interface";
    56 | import { mapGetters } from "vuex";
  > 57 | import { N8nUserSelect } from 'n8n-design-system';
       |          ^^^^^^^^^^^^^
    58 |
    59 | export default mixins(showMessage).extend({
    60 | 	components: {

 error  in src/components/InputPanel.vue:73:22

TS7016: Could not find a declaration file for module './WireMeUp.vue'. '/Users/sushantawalekar/development/n8n/packages/editor-ui/src/components/WireMeUp.vue.js' implicitly has an 'any' type.
    71 | import mixins from 'vue-typed-mixins';
    72 | import NodeExecuteButton from './NodeExecuteButton.vue';
  > 73 | import WireMeUp from './WireMeUp.vue';
       |                      ^^^^^^^^^^^^^^^^
    74 | import { CRON_NODE_TYPE, INTERVAL_NODE_TYPE, LOCAL_STORAGE_MAPPING_FLAG, START_NODE_TYPE } from '@/constants';
    75 |
    76 | export default mixins(

 error  in src/components/MainSidebar.vue:190:34

TS7016: Could not find a declaration file for module './GiftNotificationIcon.vue'. '/Users/sushantawalekar/development/n8n/packages/editor-ui/src/components/GiftNotificationIcon.vue.js' implicitly has an 'any' type.
    188 |
    189 | import ExecutionsList from '@/components/ExecutionsList.vue';
  > 190 | import GiftNotificationIcon from './GiftNotificationIcon.vue';
        |                                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    191 | import WorkflowSettings from '@/components/WorkflowSettings.vue';
    192 |
    193 | import { genericHelpers } from '@/components/mixins/genericHelpers';

 error  in src/components/Modals.vue:139:48

TS7016: Could not find a declaration file for module './CommunityPackageManageConfirmModal.vue'. '/Users/sushantawalekar/development/n8n/packages/editor-ui/src/components/CommunityPackageManageConfirmModal.vue.js' implicitly has an 'any' type.
    137 |
    138 | import AboutModal from './AboutModal.vue';
  > 139 | import CommunityPackageManageConfirmModal from './CommunityPackageManageConfirmModal.vue';
        |                                                ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    140 | import CommunityPackageInstallModal from './CommunityPackageInstallModal.vue';
    141 | import ChangePasswordModal from "./ChangePasswordModal.vue";
    142 | import ContactPromptModal from './ContactPromptModal.vue';

 error  in src/components/NodeCreator/NoResults.vue:43:27

TS7016: Could not find a declaration file for module './NoResultsIcon.vue'. '/Users/sushantawalekar/development/n8n/packages/editor-ui/src/components/NodeCreator/NoResultsIcon.vue.js' implicitly has an 'any' type.
    41 | import { HTTP_REQUEST_NODE_TYPE, REQUEST_NODE_FORM_URL, WEBHOOK_NODE_TYPE } from '@/constants';
    42 | import Vue from 'vue';
  > 43 | import NoResultsIcon from './NoResultsIcon.vue';
       |                           ^^^^^^^^^^^^^^^^^^^^^
    44 |
    45 | export default Vue.extend({
    46 | 	name: 'NoResults',

 error  in src/components/RunData.vue:367:28

TS7016: Could not find a declaration file for module '@/components/WarningTooltip.vue'. '/Users/sushantawalekar/development/n8n/packages/editor-ui/src/components/WarningTooltip.vue.js' implicitly has an 'any' type.
    365 |
    366 | import BinaryDataDisplay from '@/components/BinaryDataDisplay.vue';
  > 367 | import WarningTooltip from '@/components/WarningTooltip.vue';
        |                            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    368 | import NodeErrorView from '@/components/Error/NodeErrorView.vue';
    369 |
    370 | import { copyPaste } from '@/components/mixins/copyPaste';

 error  in src/components/VersionCard.vue:49:28

TS7016: Could not find a declaration file for module './WarningTooltip.vue'. '/Users/sushantawalekar/development/n8n/packages/editor-ui/src/components/WarningTooltip.vue.js' implicitly has an 'any' type.
    47 | import TimeAgo from './TimeAgo.vue';
    48 | import Badge from './Badge.vue';
  > 49 | import WarningTooltip from './WarningTooltip.vue';
       |                            ^^^^^^^^^^^^^^^^^^^^^^
    50 | import { IVersionNode } from '@/Interface';
    51 |
    52 | Vue.component('NodeIcon', NodeIcon);

 error  in src/plugins/i18n/index.ts:14:2

TS2459: Module '"n8n-design-system"' declares 'locale' locally, but it is not exported.
    12 | } from "./utils";
    13 | import {
  > 14 | 	locale,
       | 	^^^^^^
    15 | } from 'n8n-design-system';
    16 |
    17 | import englishBaseText from './locales/en.json';

 error  in src/views/SettingsUsersView.vue:41:10

TS2305: Module '"n8n-design-system"' has no exported member 'N8nUsersList'.
    39 | import SettingsView from './SettingsView.vue';
    40 | import PageAlert from '../components/PageAlert.vue';
  > 41 | import { N8nUsersList } from 'n8n-design-system';
       |          ^^^^^^^^^^^^
    42 | import { IUser } from '@/Interface';
    43 | import mixins from 'vue-typed-mixins';
    44 | import { showMessage } from '@/components/mixins/showMessage';

Error parsing bundle asset "/Users/sushantawalekar/development/n8n/packages/editor-ui/dist/js/app.32326af0.js": no such file
Error parsing bundle asset "/Users/sushantawalekar/development/n8n/packages/editor-ui/dist/js/chunk-2d0b325a.75271eb0.js": no such file
Error parsing bundle asset "/Users/sushantawalekar/development/n8n/packages/editor-ui/dist/js/chunk-2d2073c1.44215119.js": no such file
Error parsing bundle asset "/Users/sushantawalekar/development/n8n/packages/editor-ui/dist/js/chunk-2d22d3e6.d14ffd31.js": no such file
Error parsing bundle asset "/Users/sushantawalekar/development/n8n/packages/editor-ui/dist/js/chunk-da232adc.3e2187e6.js": no such file
Error parsing bundle asset "/Users/sushantawalekar/development/n8n/packages/editor-ui/dist/js/chunk-vendors.525bce99.js": no such file
Error parsing bundle asset "/Users/sushantawalekar/development/n8n/packages/editor-ui/dist/editor.worker.js": no such file
Error parsing bundle asset "/Users/sushantawalekar/development/n8n/packages/editor-ui/dist/json.worker.js": no such file
Error parsing bundle asset "/Users/sushantawalekar/development/n8n/packages/editor-ui/dist/ts.worker.js": no such file

No bundles were parsed. Analyzer will show only original module sizes from stats file.

Webpack Bundle Analyzer saved report to /Users/sushantawalekar/development/n8n/packages/editor-ui/dist/report.html
 ERROR  Build failed with errors.
lerna ERR! npm run build exited 1 in 'n8n-editor-ui'
lerna ERR! npm run build exited 1 in 'n8n-editor-ui'
➜  n8n git:(master) ✗

That is odd, I just gave it another go and it is still working :thinking: I am really not sure what is going, I have given it a test on another M1 I have access to that I had to install Node on and that was all good as well.

I will have a think.

> node --version      
v16.16.0

 ~/code/test ..................................................... 03:18:27 pm 
> git clone https://github.com/n8n-io/n8n.git
Cloning into 'n8n'...
remote: Enumerating objects: 114189, done.
remote: Counting objects: 100% (799/799), done.
remote: Compressing objects: 100% (412/412), done.
remote: Total 114189 (delta 416), reused 686 (delta 382), pack-reused 113390
Receiving objects: 100% (114189/114189), 65.25 MiB | 2.54 MiB/s, done.
Resolving deltas: 100% (91247/91247), done.

 ~/code/test ............................................... 28s | 03:19:00 pm 
> cd n8n

 ~/code/test/n8n | master ........................................ 03:19:58 pm 
> lerna bootstrap --hoist
lerna notice cli v5.3.0
lerna info versioning independent
lerna info Bootstrapping 7 packages
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 7 packages

 ~/code/test/n8n | master !1 ............................... 48s | 03:20:50 pm 
> npm run build       

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

lerna notice cli v3.22.1
lerna info versioning independent
lerna info Executing command in 7 packages: "npm run build"

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


> [email protected] build
> tsc


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

[15:20:58] Using gulpfile ~/Code/test/n8n/packages/design-system/gulpfile.js
[15:20:58] Starting 'build:theme'...
[15:20:58] Starting 'compileTheme'...
[15:20:59] Finished 'compileTheme' after 1.02 s
[15:20:59] Starting 'copyThemeFonts'...
[15:20:59] Finished 'copyThemeFonts' after 11 ms
[15:20:59] Finished 'build:theme' after 1.03 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
⠏  Building for production...
> [email protected] build
> tsc && gulp build:icons && gulp build:translations

⠋  Building for production...[15:21:21] Using gulpfile ~/Code/test/n8n/packages/nodes-base/gulpfile.js
[15:21:21] Starting 'build:icons'...
⠙  Building for production...[15:21:21] Finished 'build:icons' after 117 ms
⠹  Building for production...[15:21:21] Using gulpfile ~/Code/test/n8n/packages/nodes-base/gulpfile.js
[15:21:21] Starting 'build:translations'...
Default locale set to: en
No translation required - Skipping translations build...
[15:21:21] Finished 'build:translations' after 839 μs
⠹  Building for production...

 WARNING  Compiled with 2 warnings                                      15:21:52

 warning  

asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets: 
  json.worker.js (260 KiB)
  ts.worker.js (4.51 MiB)
  js/app.825cfdf6.js (795 KiB)
  css/chunk-vendors.cf7bc09e.css (362 KiB)
  js/chunk-vendors.33451db4.js (4.98 MiB)

 warning  

entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  app (6.22 MiB)
      css/chunk-vendors.cf7bc09e.css
      js/chunk-vendors.33451db4.js
      css/app.5f3842fa.css
      js/app.825cfdf6.js


Webpack Bundle Analyzer saved report to /Users/jon/Code/test/n8n/packages/editor-ui/dist/report.html
  File                                   Size              Gzipped

  dist/js/chunk-vendors.33451db4.js      5102.72 KiB       1347.53 KiB
  dist/ts.worker.js                      4622.17 KiB       1038.13 KiB
  dist/js/app.825cfdf6.js                794.80 KiB        199.64 KiB
  dist/json.worker.js                    260.45 KiB        78.30 KiB
  dist/editor.worker.js                  135.16 KiB        44.64 KiB
  dist/js/chunk-2d0b325a.75271eb0.js     36.89 KiB         9.71 KiB
  dist/js/chunk-2d22d3e6.d14ffd31.js     28.91 KiB         7.23 KiB
  dist/js/chunk-da232adc.3e2187e6.js     5.93 KiB          2.11 KiB
  dist/js/chunk-2d2073c1.44215119.js     5.00 KiB          1.97 KiB
  dist/css/chunk-vendors.cf7bc09e.css    362.31 KiB        52.92 KiB
  dist/css/app.5f3842fa.css              112.25 KiB        19.78 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
> node scripts/build.mjs

lerna success exec Executed command in 7 packages: "npm run build"