Missing files in .bin folder when deploying Node App to Azure App Service

Question

So I was trying to deploy my react app to an Azure Web App. I used a Github Action to build and install the App and then ZIP Deploy it to Azure. The Problem is that once I open up the WebApp Page it shows me an Application Error (react-scripts could not be found).
I found out that once I copy the react-scripts.cmd / ps1 (from local /node_modules/.bin) to the node_modules/.bin folder of the webapp "https://{WEBAPP-NAME}.scm.azurewebsites.net" it works. Unfortunately I would have to do that after every build. How can I come up with a solution to this error?

What I already tried:

Update node and npm
Remove package-lock Thanks in advance

Max

My package.json:

score 0 · Answer 1 · answered Apr 23 '21 at 10:56

0

It looks like this issue: npm package.json scripts not being called

Try running npm run-script if you want to execute a script that is not executed by a built-in npm command.

answered Apr 23 '21 at 10:56

Harshita Singh

4,590
1
10
13

How exactly do I do that? As far as I know, the App Service simply runs npm start, how / where can I cange that? – Maximilian Anzinger Apr 23 '21 at 11:30
How are you calling your scripts? – Harshita Singh Apr 23 '21 at 12:48
Locally I simply run npm start. For the App service: I deploy it via a Github action that does a npm install, build and deploys it to the azure app service – Maximilian Anzinger Apr 23 '21 at 12:56
I meant where are u calling `react-scripts`? – Harshita Singh Apr 23 '21 at 13:03
In the package.json under scripts (`"start" : "react-scripts start"`) (as can be seen in the screenshot above). As far as I know the `npm start` command simply runs the given code that is found under the scripts section in the package.json – Maximilian Anzinger Apr 23 '21 at 13:52

score 0 · Answer 2 · answered Apr 25 '21 at 14:17

So I found out, that react-scripts is only working in dev environments. But Azure uses a production env. Therefore the github action not only has to install the prod node_modules (npm install) but also the dev modules (npm install --only=dev).

Reference: https://github.com/mars/create-react-app-buildpack/issues/32#issuecomment-276081892

Missing files in .bin folder when deploying Node App to Azure App Service

2 Answers2