Hello,
It’s been a while since i have posted here, so I want to start off by congratulating the Frontity team for joining Automatic. I am sure that we can expect some great things for WordPress in the future.
As for my problem. I am trying to deploy a site to Vercel, but am running into an error at Build. The error that comes up is:
Command "npm run build" exited with 1
The full logs are here:
Summary
15:24:01.817 Retrieving list of deployment files... 15:24:03.424 Downloading 51 deployment files... 15:24:04.140 Analyzing source code... 15:24:04.179 Warning: Due to buildsexisting in your configuration file, the Build and Development Settings defined in your Project Settings will not apply. Learn More: https://vercel.link/unused-build-settings 15:24:05.660 Installing build runtime... 15:24:10.774 Build runtime installed: 5.114s 15:24:13.986 Looking up build cache... 15:24:14.562 Build Cache not found 15:24:15.783 Downloading user files... 15:24:16.543 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! 15:24:43.622 > tsparticles@1.34.0 install /vercel/path1/node_modules/tsparticles 15:24:43.622 > node ./scripts/install.js 15:24:43.695 Thank you for installing tsParticles. 15:24:43.695 Remember to checkout the official website https://particles.js.org to explore some samples. 15:24:43.696 You can find more samples on CodePen too: https://codepen.io/collection/DPOage 15:24:43.696 If you need documentation you can find it here: https://particles.js.org 15:24:43.696 Remember to leave a star on the tsParticles repository if you like the project and want to support it: https://github.com/matteobruni/tsparticles 15:24:43.843 > core-js@3.17.3 postinstall /vercel/path1/node_modules/core-js 15:24:43.843 > node -e "try{require('./postinstall')}catch(e){}" 15:24:44.771 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/watchpack-chokidar2/node_modules/fsevents): 15:24:44.771 npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) 15:24:44.782 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules/fsevents): 15:24:44.782 npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) 15:24:44.786 added 913 packages from 495 contributors in 28.288s 15:24:45.300 54 packages are looking for funding 15:24:45.301 runnpm fund for details 15:24:45.326 Running "build" script in "package.json" 15:24:45.328 Running "npm run build" 15:24:45.590 > smart-buildings-theme@1.0.0 build /vercel/path1 15:24:45.590 > frontity build 15:24:47.453 - mode: production 15:24:47.453 - target: both 15:24:47.453 - public-path: /static/ 15:24:47.495 Building es5 bundle
I was trying to get this package React Particles JS to work on the site when the error came up. It works fine in developer mode, but breaks on build as I have noticed. I am certain the problem lies with the package not supporting SSR, but haven’t been able to figure out how to get the package working with afterCSR or useEffect, which is how I assume I could get the package working even though it does not support SSR.
I am still quite new to this, and have spent many hours trying to wrap my head around if this can even be done, let alone how. Any help is GREATLY appreciated!
I would really appreciate any help on this problem! The repo for the site can be found here: Smart-Buildings.io