Unable to Deploy to Vercel - Assuming SSR Issue

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 [email protected], but package-lock.json was generated for [email protected] I'll try to do my best with it! 15:24:43.622 > [email protected] 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 > [email protected] 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: [email protected] (node_modules/watchpack-chokidar2/node_modules/fsevents): 15:24:44.771 npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) 15:24:44.782 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents): 15:24:44.782 npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: 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 > [email protected] 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

1 Like