Heroku Deployment Fail: npm WARN checkPermissions Missing write access

[nelsonic]

While attempting to deploy this app to Heroku, we are seeing the following error:

-----> Building dependencies
       Installing and caching node modules
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm ERR! invalid bin entry for package @babel/[email protected]. key=parser, value=bin/babel-parser.js
npm ERR! A complete log of this run can be found in:
npm ERR!     /app/.npm/_logs/2020-03-01T00_22_53_264Z-debug.log
 !     Push rejected, failed to compile Phoenix app.
 !     Push failed

[nelsonic]

https://dashboard.heroku.com/apps/phemail/activity/builds/1a6308aa-4f19-4b71-b232-d932efa38c24

[nelsonic]

https://stackoverflow.com/questions/15560037/heroku-troubleshooting-npm-errors-during-deploy-reading-a-tmp-file > https://devcenter.heroku.com/articles/troubleshooting-node-deploys

[nelsonic]

Known issue reported by @samhstn npm/cli#613 💭

[nelsonic]

Downloading and installing node 12.16.1...
       Installing Node 12.16.1...
       Downloading and installing npm 6.13.7 (replacing version 6.13.4)...

This is promising ...

[nelsonic]

Spoke too soon ...

npm timing npm Completed in 3531ms
npm info ok 
       npm WARN checkPermissions Missing write access to /tmp/build_25f399ac5fbb0663d2f70dd175733106/assets/node_modules/phoenix
       npm WARN checkPermissions Missing write access to /tmp/build_25f399ac5fbb0663d2f70dd175733106/assets/node_modules/phoenix_html
       npm ERR! code ENOENT
       npm ERR! syscall access
       npm ERR! path /tmp/build_25f399ac5fbb0663d2f70dd175733106/assets/node_modules/phoenix
       npm ERR! errno -2
       npm ERR! enoent ENOENT: no such file or directory, access '/tmp/build_25f399ac5fbb0663d2f70dd175733106/assets/node_modules/phoenix'
       npm ERR! enoent This is related to npm not being able to find a file.
       npm ERR! enoent
       
       npm ERR! A complete log of this run can be found in:
       npm ERR!     /app/.npm/_logs/2020-03-01T02_03_35_880Z-debug.log
 !     Push rejected, failed to compile Phoenix app.
 !     Push failed

[nelsonic]

I'm losing the will ... https://dashboard.heroku.com/apps/phemail/activity/builds/346537d3-9312-46c7-aec8-1d229c7aa01d

       npm WARN checkPermissions Missing write access to /tmp/build_f9de20f9568fdb6885359dc1065e7edf/assets/node_modules/phoenix
       npm WARN checkPermissions Missing write access to /tmp/build_f9de20f9568fdb6885359dc1065e7edf/assets/node_modules/phoenix_html
       npm ERR! code ENOENT
       npm ERR! syscall access
       npm ERR! path /tmp/build_f9de20f9568fdb6885359dc1065e7edf/assets/node_modules/phoenix
       npm ERR! errno -2
       npm ERR! enoent ENOENT: no such file or directory, access '/tmp/build_f9de20f9568fdb6885359dc1065e7edf/assets/node_modules/phoenix'
       npm ERR! enoent This is related to npm not being able to find a file.
       npm ERR! enoent
       
       npm ERR! A complete log of this run can be found in:
       npm ERR!     /app/.npm/_logs/2020-03-01T02_14_22_548Z-debug.log
 !     Push rejected, failed to compile Phoenix app.
 !     Push failed

Why would NPM not have access to this file?!

[nelsonic]

https://elixirforum.com/t/heroku-deploy-issues-with-phoenix-1-3/5710 instructs to add:

assets_path=assets
phoenix_ex=phx

To the phoenix_static_buildpack.config file ... trying that now.

[nelsonic]

npm ERR! enoent ENOENT: no such file or directory, access 'assets/node_modules/phoenix'

According to: geolessel/react-phoenix#35 (comment)
Deleting the package-lock.json file and npm install again might do the trick ...

[nelsonic]

After reading gjaldon/heroku-buildpack-phoenix-static#55 (comment)
I discovered that the order of the build packs matters ... 🙄

Before:

After:

#FFS 3 Hours Later...! 🤦‍♂

At least the deployment works ...

[btrd]

I just had the exact same issue on another project, I also had to add this to the phoenix_static_buildpack.config file :

npm_version=6.14.4

[nelsonic]

@btrd thanks for sharing. 🥇

[SolbiatiAlessandro]

After reading gjaldon/heroku-buildpack-phoenix-static#55 (comment)
I discovered that the order of the build packs matters ... 🙄

Before:

After:

#FFS 3 Hours Later...! 🤦‍♂

At least the deployment works ...

worked for me, fixed the issue in just 2 mins thanks so much <3