properly showing the error

src/compiler/compile/compiler_errors.ts

@@ -261,5 +261,9 @@ export default {
 	cyclical_const_tags: (cycle: string[]) => ({
 		code: 'cyclical-const-tags',
 		message: `Cyclical dependency detected: ${cycle.join(' → ')}`
-	})
+	}),
+	invalid_style_directive: {
+		code: 'invalid-style-directive',
+		message: 'Style directives on components are not currently supported.'
+	}
 };

src/compiler/compile/nodes/InlineComponent.ts

@@ -73,7 +73,7 @@ export default class InlineComponent extends Node {
 					return component.error(node, compiler_errors.invalid_transition);
 				
 				case 'StyleDirective':
-					throw new Error(`Currently, style directives only work on elements. Error occurred on <${this.name}> component.`);
+					return component.error(node, compiler_errors.invalid_style_directive);
 	
 				default:
 					throw new Error(`Not implemented: ${node.type}`);