Astro could not resolve X

[muuvmuuv]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/astro

SDK Version

7.85.0

Framework Version

4.0.3

Link to Sentry event

No response

SDK Setup

import cloudflare from "@astrojs/cloudflare"
import svelte from "@astrojs/svelte"
import tailwind from "@astrojs/tailwind"
import { defineConfig } from "astro/config"
import mkcert from "vite-plugin-mkcert"
import icons from "unplugin-icons/vite"
import sentry from "@sentry/astro"
import mdx from "@astrojs/mdx"
import spotlightjs from "@spotlightjs/astro"
import { loadEnv } from "vite"

import { version, name } from "./package.json" assert { type: "json" }
const { SENTRY_AUTH_TOKEN } = loadEnv(process.env.NODE_ENV, process.cwd(), "")

// https://astro.build/config
export default defineConfig({
	site: "XXXXXXX",
	integrations: [
		svelte(),
		tailwind(),
		mdx({
			optimize: true,
		}),
		sentry({
			dsn: "XXXXXXX",
			environment: process.env.NODE_ENV,
			release: `${name}@${version}`,
			sourceMapsUploadOptions: {
				project: "website",
				authToken: SENTRY_AUTH_TOKEN,
			},
		}),
		spotlightjs(),
	],
	markdown: {
		syntaxHighlight: "prism",
	},
	i18n: {
		defaultLocale: "de",
		locales: ["de", "es"],
	},
	experimental: {
		contentCollectionCache: true,
	},
	output: "server",
	adapter: cloudflare(),
	vite: {
		server: {
			https: true,
		},
		plugins: [
			mkcert(),
			icons({
				scale: 1.2,
				compiler: "svelte",
				autoInstall: true,
			}),
			icons({
				scale: 1.2,
				compiler: "astro",
				autoInstall: true,
			}),
		],
	},
})

Steps to Reproduce

1. Create new Astro Sentry setup with pnpm create
2. Setup sentry
3. Do a build

Expected Result

No build errors.

Actual Result

✘ [ERROR] Could not resolve "util"

    node_modules/.pnpm/@sentry+node@7.86.0/node_modules/@sentry/node/esm/integrations/context.js:6:26:
      6 │ import { promisify } from 'util';
        ╵                           ~~~~~~

  The package "util" wasn't found on the file system but is built into node. Are you trying to
  bundle for node? You can use "platform: 'node'" to do that, which will remove this error.

Could not resolve "child_process"

[Lms24]

Hi @muuvmuuv thanks for writing in! My suspicion is that this is related to using the Cloudflare adapter. Our Astro SDK is currently not compatible with non-Node runtimes such as Cloudflare workers or Vercel's Edge runtime. We need to eventually support this but think this will take some time. Will open an issue to track this and update docs.

To verify, if you, for example, switch to the Node adapter, does the build error disappear?

[muuvmuuv]

Ah ok, didn't know the adapter does such things and interfer complete buidl processes but makes sense. Any idea what a workaround could look like? I will test the Node adapter later but my guess is that this works, I remember that builds worked before I installed cloudflare adapter a few month back but a lot has changed in the code base since then.

[Lms24]

didn't know the adapter does such things and interfer complete buidl processes

I'm not totally sure it does either but this error really looks like it.

I might be off though. It's hard to debug this without more insights but I'd recommend going bottom-up or top-down and adding/removing your astro.config.mjs configurations until you can (no longer) reproduce the issue. I'd still start with the Node adapter so we can rule it out first.

[Lms24]

Any idea what a workaround could look like?

It's not ideal but you could essentially disable server-side instrumentation for @sentry/astro by creating an empty sentry.server.config.js|ts file. Maybe using toucan-js on the server side would work. It only works only with errors though but I guess that's better than nothing 😅