Add Cookie Error

When making a request via the event.fetch to the same exact domain the svelte app is running on, it fails returning a 500 due to the header being immutable.

This only happens when a cookie is set in the hooks before trying to make a request with the event.fetch

Author: JLewinski

packages/kit/src/runtime/server/cookie.js

@@ -274,15 +274,20 @@ export function path_matches(path, constraint) {
  */
 export function add_cookies_to_headers(headers, cookies) {
 	for (const new_cookie of cookies) {
-		const { name, value, options } = new_cookie;
-		headers.append('set-cookie', serialize(name, value, options));
-
-		// special case — for routes ending with .html, the route data lives in a sibling
-		// `.html__data.json` file rather than a child `/__data.json` file, which means
-		// we need to duplicate the cookie
-		if (options.path.endsWith('.html')) {
-			const path = add_data_suffix(options.path);
-			headers.append('set-cookie', serialize(name, value, { ...options, path }));
+		try {
+
+			const { name, value, options } = new_cookie;
+			headers.append('set-cookie', serialize(name, value, options));
+	
+			// special case — for routes ending with .html, the route data lives in a sibling
+			// `.html__data.json` file rather than a child `/__data.json` file, which means
+			// we need to duplicate the cookie
+			if (options.path.endsWith('.html')) {
+				const path = add_data_suffix(options.path);
+				headers.append('set-cookie', serialize(name, value, { ...options, path }));
+			}
+		} catch (error) {
+			console.error(`Failed to add cookie "${new_cookie.name}":`, error);
 		}
 	}
 }