fix(build): better error if render fails

gridsome/lib/commands/utils/createRenderFn.js

@@ -1,3 +1,4 @@
+const chalk = require('chalk')
 const { createHTMLRenderer } = require('../../utils/html')
 const { createBundleRenderer } = require('vue-server-renderer')
 
@@ -18,33 +19,36 @@ module.exports = function createRenderFn ({
 
   return async function render (url, data = {}) {
     const context = { url, pageQuery: { data }}
+    let app = ''
 
     try {
-      const app = await renderer.renderToString(context)
-      const inject = context.meta ? context.meta.inject() : null
-
-      const head = '' +
-        (inject ? inject.title.text() : '') +
-        (inject ? inject.meta.text() : '') +
-        (inject ? inject.link.text() : '') +
-        (inject ? inject.style.text() : '') +
-        (inject ? inject.script.text() : '') +
-        (inject ? inject.noscript.text() : '') +
-        context.renderResourceHints() +
-        context.renderStyles()
-
-      const htmlAttrs = inject ? inject.htmlAttrs.text() : ''
-      const bodyAttrs = inject ? inject.bodyAttrs.text() : ''
-
-      return renderHTML({
-        htmlAttrs: inject ? `data-html-server-rendered="true" ${htmlAttrs}` : '',
-        scripts: context.renderScripts(),
-        bodyAttrs,
-        head,
-        app
-      })
+      app = await renderer.renderToString(context)
     } catch (err) {
+      console.error(chalk.red(`Failed to render ${url}`))
       throw err
     }
+
+    const inject = context.meta.inject()
+
+    const head = '' +
+      inject.title.text() +
+      inject.meta.text() +
+      inject.link.text() +
+      inject.style.text() +
+      inject.script.text() +
+      inject.noscript.text() +
+      context.renderResourceHints() +
+      context.renderStyles()
+
+    const htmlAttrs = inject.htmlAttrs.text()
+    const bodyAttrs = inject.bodyAttrs.text()
+
+    return renderHTML({
+      htmlAttrs: inject ? `data-html-server-rendered="true" ${htmlAttrs}` : '',
+      scripts: context.renderScripts(),
+      bodyAttrs,
+      head,
+      app
+    })
   }
 }