"npm run build" fails

[StefanVesper]

Hi everybody!

After cloning and installing the repo, "npm run build" always fails and no files are generated in the dist folders:

PS D:\IDE\workspace\alpine> npm run build

> @ build D:\IDE\workspace\alpine
> node ./scripts/build.js

 > packages/trap/src/index.js:1:32: error: Could not resolve "focus-trap" (mark it as external to exclude it
 from the bundle)
    1 │ import { createFocusTrap } from 'focus-trap';
      ╵                                 ~~~~~~~~~~~~

1 error
 > packages/csp/src/index.js:1:19:  > packages/alpinejs/src/index.js:39:46: error: error: Could not resolve
"alpinejs/src/alpine" (mark it as external to exclude it from the bundle)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ build: `node ./scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Stefan~1\AppData\Roaming\npm-cache\_logs\2021-10-20T08_38_48_874Z-debug.log

Any suggestions?

Thanks in advance!

Steve

[danddanddand]

It's working for me. Perhaps start again by deleting your node_modules and dist folder and running npm install followed by npm run build and if that works npm run test can't hurt

[StefanVesper]

I already tried that... deleted all folders and started from scratch, also different IDEs, same errors.. but if it works for you, the problem must be on my machine..

PS D:\IDE\workspace\alpine> npm install
npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was
 generated for lockfileVersion@2. I'll try to do my best with it!

> [email protected] postinstall D:\IDE\workspace\alpine\node_modules\cypress
> node index.js --exec install


Cypress 5.6.0 is installed in C:\Users\Stefan Vesper\AppData\Local\Cypress\Cache\5.6.0


> [email protected] postinstall D:\IDE\workspace\alpine\node_modules\esbuild
> node install.js

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin"
,"arch":"any"} (current: {"os":"win32","arch":"x64"})

added 677 packages from 439 contributors and audited 678 packages in 9.471s

30 packages are looking for funding
  run `npm fund` for details

found 32 vulnerabilities (20 moderate, 12 high)
  run `npm audit fix` to fix them, or `npm audit` for details
PS D:\IDE\workspace\alpine> npm run build

> @ build D:\IDE\workspace\alpine
> node ./scripts/build.js

 > packages/csp/src/index.js:1:19: error: Could not resolve "alpinejs/src/alpine" (mark it as external to ex
clude it from the bundle)
    1 │ import Alpine from 'alpinejs/src/alpine'
      ╵                     > packages/trap/src/index.js:1:32: error: Could not resolve "focus-trap" (mark i
t as external to exclude it from the bundle)
    1 │ import { createFocusTrap } from 'focus-trap';
      ╵                                 ~~~~~~~~~~~~

1 error
~~~~~~~~~~~~~~~~~~~~~

 > packages/alpinejs/src/index.js:39:46: error:  > packages/trap/src/index.js:1:32:  > packages/alpinejs/src
/index.js:39:46: error: Could not resolve "@vue/reactivity" (mark it as external to exclude it from the bund
le)
    39 │ import { reactive, effect, stop, toRaw } from '@vue/reactivity' > packages/alpinejs/src/index.js:39
:46:  > packages/alpinejs/src/index.js:39:46:  > packages/csp/src/index.js:1:19: Could not resolve "@vue/rea
ctivity" (mark it as external to exclude it from the bundle)
 > packages/trap/src/index.js:1:32: 
       ╵                                               error: error: error: error:  > packages/csp/src/index
.js:5:46:     39 │ import { reactive, effect, stop, toRaw } from error: '@vue/reactivity'Could not resolve "
@vue/reactivity" (mark it as external to exclude it from the bundle)
Could not resolve "@vue/reactivity" (mark it as external to exclude it from the bundle)
Could not resolve "alpinejs/src/alpine" (mark it as external to exclude it from the bundle)
 collapse: 492 Bytes
Could not resolve "focus-trap" (mark it as external to exclude it from the bundle)
error:  > packages/trap/src/index.js:1:32: Could not resolve "@vue/reactivity" (mark it as external to exclu
de it from the bundle)
Could not resolve "focus-trap" (mark it as external to exclude it from the bundle)

       ╵                                                   39 │ import { reactive, effect, stop, toRaw } fro
m     39 │ import { reactive, effect, stop, toRaw } from     1 │ import Alpine from     1 │ import { createF
ocusTrap } from ~~~~~~~~~~~~~~~~~ > packages/csp/src/index.js:1:19:     5 │ import { reactive, effect, stop,
 toRaw } from     1 │ import { createFocusTrap } from ~~~~~~~~~~~~~~~~~'@vue/reactivity' > packages/csp/src/
index.js:1:19: 'alpinejs/src/alpine''focus-trap';
      ╵                                 npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ build: `node ./scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Stefan~1\AppData\Roaming\npm-cache\_logs\2021-10-20T15_39_54_423Z-debug.log

[danddanddand]

yeah, you can try cleaning your npm cache or cloning main from scratch. I'm on M1 mac so it's possible that the project has an issue on Windows

[StefanVesper]

yeah, did that, too. I am on windows now, but will try it with a macbook later..

[MartinMystikJonas]

Check if you have latest node.js version. I had simlar issue caused by outdated node in docker image.

[StefanVesper]

I updated to the latest node version with no effect.. same errors..

[SimoTod]

What version of node and npm are you running? Can you post the output from the terminal? (latest doesn't help, you might think you are using the latest but your environment decided to pull an earlier version)
You need node >= 15 and npm >= 7

[MartinMystikJonas]

That was exactly my case. Some apt sources mismatch resulted in package conflict for newer versions so apt installed old node.

[StefanVesper]

Ha! That made the trick!
I had 14.18.1 installed, now updated to 17 and the build ran witout problems!
Thank you!!