React Hugo Starter

support
#1

After getting stuck with Hugo babel output empty I decided to take a different approach when I discovered @bep’s https://github.com/regisphilibert/gohugo-hugoDocs-issue-1171/pull/1/files

I since created https://github.com/kaihendry/react-hugo but I get this Uncaught ReferenceError: process is not defined upon Netlify’s https://agitated-swirles-f79fe4.netlify.app/

Does anyone know what this might be? Works fine locally (After npm i)

Thank you in advance!

#2

Friend of mine helped me figure it out:

ESBUILD Error building site: JSBUILD: failed to transform "index.jsx" (text/jsx): Unexpected "<"
#3

Interesting… Now to this day I was not able to use React.Component… I wonder if you have tried… With the following simple bit:

import * as React from 'react'

class PersonPreview extends React.Component {
  render() {
    var entry = this.props.entry;
    return (
      <div class="p-4">
        <div class="pb-10">
          <h1 class="text-5xl font-normal">{ entry.getIn(['data', 'title']) }</h1>
          <div class="my-2">
            {entry.getIn(['data', 'name_first'])} {entry.getIn(['data', 'name_last'])}
          </div>
        </div>
        <div class="my-4 user-content">
          {this.props.widgetFor('body')}
        </div>
      </div>
    )
  }
}

js.Build will fail with the following warning:

Error: Error building site: JSBUILD: failed to transform "script_netlifycms.js" (application/javascript): Unexpected "<"

I could setup a minimal repo if nothing comes up on top of your head…

#4

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.