Razzle: Error in deployment (digitalocean, nginx)

[AbhishekCode]

Hi, I just started with razzle, and created a project with default template. it works fine in my localhost. I deployed it on digitalocean droplet.

I'm getting following error
client.95ca56a2.js:1 Uncaught SyntaxError: Unexpected token < in client.95ca56a2.js:1

Also images are not loading. Any idea?

[RowanTaubitz]

I had this error too, it has to do with the way the env variables are set when building.

When you do a build, the public path is set from the environment variable 'RAZZLE_PUBLIC_DIR'.

If you're building on Windows it inserts the absolute path so when you then move to deploy it's no longer valid, so express ignores the public path and serves everything requested as the HTML. Thus '<' is an unexpected token in a script file.

I got around this by creating a .env file, adding 'RAZZLE_PUBLIC_DIR=./build/public', re-building and then deploying.

I'm not sure if this is as intended.

[jtyler258]

This tripped me up so bad, our jenkins instance spins up a separate container for the build process and this environment variable wasn't being persisted to the docker image that actually runs the app. Probably should have a default of ./build/public if not otherwise overwritten by the build

[cca313]

@jtyler258 hi~ i also got this problem, do you have any solutions?

[jtyler258]

@cca313 you'll need to manually set the RAZZLE_PUBLIC_DIR environment variable to "./build/public" in whatever build environment you're using. So if you're using Jenkins you'll need to configure the variable in the jenkins settings. Or if you're building inside a docker image you can set it in the dockerfile with ENV RAZZLE_PUBLIC_DIR=./build/public

[cca313]

@jtyler258 thank you so mcuh~ it's working !

[Rehan712]

I have the issue that my static assets files are not loading when creating build on digital ocean droplet
and also my routes are not working

[frosato-dev]

I do this to address this problem but I wish I could find a better way :

.use(
    express.static(
      process.env.NODE_ENV === 'production'
        ? path.join(__dirname, './public')
        : process.env.RAZZLE_PUBLIC_DIR
    )

[pmbednarczyk]

after your app is build (sudo yarn build) just use:
pm2 restart <pm2 process name>

it may solve this problem (at least it helps me in DO Droplet)
cheers