I've been making a website with astro (https://astro.build) and after some time, while running astro preview it errors. Here's my astro.config.mjs code:
import { defineConfig } from 'astro/config';
import vercel from '@astrojs/vercel/serverless';
import serviceWorker from 'astrojs-service-worker';
export default defineConfig({
trailingSlash: 'ignore',
output: 'server',
adapter: vercel(),
integrations: [serviceWorker()],
});
Any help would be appreciated.

You can't preview the build of SSR adapters with astro preview, except the node adapter.
I'm quoting the docs
Since Astro 1.5.0, astro preview also works for SSR builds if you use an adapter that supports it. Currently, only the Node adapter supports astro preview.
My solution:
package.json file://...
"scripts": {
"build": "npx astro build ./",
"build:node": "npx astro build ./ --node",
"preview": "npx astro preview --node",
//...
astro.config.mjs file://...
import node from "@astrojs/node";
import vercel from "@astrojs/vercel/serverless";
let adapter = vercel();
if (process.argv[3] === "--node" || process.argv[4] === "--node") {
adapter = node({ mode: "standalone" });
}
/**
* Astro.js configuration.
* @see https://astro.build/config
*/
export default defineConfig({
output: "server",
adapter: adapter,
//...
npm run build:node to build locally and npm run preview. Vercel uses the npm run build command and employs its adapter.You can see the example used in my repository
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With