JS_RUNTIME_TARGET_BUNDLE not set during heroku ps:exec

[ecbrodie]

I am trying to deploy a React app not using CRA to Heroku using the create-react-app-buildpack. I am running into a bug that I believe is related to this inner buildpack.

Since I'm not using CRA, I have set a custom path ("dist/") for my bundle.js output. Thus, I am setting a custom path for JS_RUNTIME_TARGET_BUNDLE:

heroku config:set JS_RUNTIME_TARGET_BUNDLE='/app/dist/*.js'

My app has an Nginx 404 page show up on deploy. So, I SSH into the Dyno to check out the issue:

$ heroku ps:exec
Establishing credentials... done
Connecting to web.1 on REDACTED...
ls: cannot access '/app/build/static/js/*.js': No such file or directory
Error injecting runtime env: bundle not found '/app/build/static/js/*.js'. See: https://github.com/mars/create-react-app-buildpack/blob/master/README.md#user-content-custom-bundle-location
$ ...

My natural conclusion is that https://github.com/mars/create-react-app-inner-buildpack/blob/master/.profile.d/inject_react_app_env.sh#L8 is not working properly. I have triple-confirmed that JS_RUNTIME_TARGET_BUNDLE is indeed set on my app and I have forced multiple redeploys. I also have the root set in my static.json file. Not sure what else I can do here to set the custom path to my root.

Thank you for the help.

[mars]

JS_RUNTIME_TARGET_BUNDLE definitely works as designed, so something is missing or mistaken in your app's setup.

What does heroku buildpacks return for your app?

What does heroku config return for your app? (Please redact any secrets)

Which git branch are you deploying? And how are you deploying it? (git push or branch auto-deploy)

[ecbrodie]

Hey @mars , thanks for the quick reply to my issue, especially on a Sunday!

I will point out that this bug does not appear to be related to deployment. There was an issue with how I was deploying my index.html file to production. I fixed that problem and the app can deploy successfully without unexpected 404 pages.

Rather, I think this bug is solely related to when I SSH into a Dyno via heroku ps:exec. It looks like the JS_RUNTIME_TARGET_BUNDLE variable is not being exported into the shell. Thus, that triggers this error message. Perhaps this is a bug, perhaps it is not a bug (maybe the Heroku platform does not inject configured environment variables when in an SSH session)?

Regardless, thank you for the help.

[mars]

The ps:exec shell doesn’t get app config vars, because it’s not the app process. It’s a shell that is running in the container alongside the app process.

[Aakratigoel]

hey @ecbrodie , I am getting the same error , could you please tell me what did you fix in your index.html file
Thanks

[ecbrodie]

@Aakratigoel I think it depends where you are getting the error. If it is during ps:exec, then I wouldn't worry. As @mars said, the shell doesn't get config vars injected, so I perceived from this that I should only treat this as an ignorable warning.

If you are getting this error during app deployment, then we got a different problem, which I think should be a new issue.

I can't remember exactly what I did to fix index.html, nor even if it is relevant to this issue anyway. Probably was just a bad path to the Webpack bundle. I encourage you to use Webpack's plugin for dynamically generating index.html files anyway.

[VIPIN-creator]

@mars @ecbrodie I am also getting same error cannot access '/app/my/custom/path/js/*.js': No such file or directory
I have also tried heroku config:set JS_RUNTIME_TARGET_BUNDLE=/app/my/custom/path/js/*.js. But still getting same error.

on heroku config I am getting JS_RUNTIME_TARGET_BUNDLE: /app/my/custom/path/js/*.js

these are all the errors.

[mars]

@VIPIN-creator /app/my/custom/path/js/*.js is not a valid path. That’s an example value from the readme. That value should be set to your own custom bundle path.

[VIPIN-creator]

@mars thank you for the response. But Actually I don't know my custom bundle path.

above is the files in my build folder . please help me find out

[mars]

@VIPIN-creator your file listing screenshot looks fine to me, using the standard CRA bundle path. I’m not sure what’s wrong for your app. It seems like the files are missing from the Heroku dyno. Did you follow the instructions in the README to set this up? Everything is documented there.