refactor(core): Make unsupported styling type error message clearer (#59563)

wartab · thePunderWoman · commit 74cd7be6b345 · 2025-03-31T21:31:43.000Z
The previous message would sound like a full sentence when using a signal without `()` (Example: Unsupported styling type function: [Input Signal: neutral]). The new formatting makes it a bit more obvious that the type itself is the problem. PR Close #59563
diff --git a/packages/core/src/render3/instructions/styling.ts b/packages/core/src/render3/instructions/styling.ts
@@ -692,7 +692,9 @@ export function toStylingKeyValueArray(
     stringParser(styleKeyValueArray, unwrappedValue);
   } else {
     ngDevMode &&
-      throwError('Unsupported styling type ' + typeof unwrappedValue + ': ' + unwrappedValue);
+      throwError(
+        'Unsupported styling type: ' + typeof unwrappedValue + ' (' + unwrappedValue + ')',
+      );
   }
   return styleKeyValueArray;
 }

Original file line number	Diff line number	Diff line change
`@@ -692,7 +692,9 @@ export function toStylingKeyValueArray(`
`692`	`692`	`stringParser(styleKeyValueArray, unwrappedValue);`
`693`	`693`	`} else {`
`694`	`694`	`ngDevMode &&`
`695`		`- throwError('Unsupported styling type ' + typeof unwrappedValue + ': ' + unwrappedValue);`
	`695`	`+ throwError(`
	`696`	`+ 'Unsupported styling type: ' + typeof unwrappedValue + ' (' + unwrappedValue + ')',`
	`697`	`+ );`
`696`	`698`	`}`
`697`	`699`	`return styleKeyValueArray;`
`698`	`700`	`}`