diff --git a/src/server-side-rendering/compile.js b/src/server-side-rendering/compile.js
index 2bb7b6aa0c..47ccae587a 100644
--- a/src/server-side-rendering/compile.js
+++ b/src/server-side-rendering/compile.js
@@ -174,6 +174,8 @@ export default function compile ( parsed, source, { filename }) {
 			let element = `<${node.name}`;
 
 			node.attributes.forEach( attribute => {
+				if ( attribute.type !== 'Attribute' ) return;
+
 				let str = ` ${attribute.name}`;
 
 				if ( attribute.value !== true ) {
diff --git a/test/server-side-rendering/directives/_actual.html b/test/server-side-rendering/directives/_actual.html
new file mode 100644
index 0000000000..13cd34a990
--- /dev/null
+++ b/test/server-side-rendering/directives/_actual.html
@@ -0,0 +1 @@
+<button>click me</button>
\ No newline at end of file
diff --git a/test/server-side-rendering/directives/_expected.html b/test/server-side-rendering/directives/_expected.html
new file mode 100644
index 0000000000..f80f9a3d92
--- /dev/null
+++ b/test/server-side-rendering/directives/_expected.html
@@ -0,0 +1 @@
+<button>click me</button>
diff --git a/test/server-side-rendering/directives/main.html b/test/server-side-rendering/directives/main.html
new file mode 100644
index 0000000000..a960ff707e
--- /dev/null
+++ b/test/server-side-rendering/directives/main.html
@@ -0,0 +1 @@
+<button on:click='set({ foo: "bar" })'>click me</button>