GENERATE_SOURCEMAP=false Issue

Question

In windows when I tried to build react app I am getting error saying 'GENERATE_SOURCEMAP' is not recognized as an internal or external command.

I have added below line in my package.json file

"build": "GENERATE_SOURCEMAP=false react-scripts build"

There's also this: https://www.npmjs.com/package/cross-env – m02ph3u5 Apr 17 '20 at 09:35 — m02ph3u5, Apr 17 '20 at 09:35

score 77 · Accepted Answer · answered May 23 '20 at 03:49

77

Keep this in package.json:

"build": "GENERATE_SOURCEMAP=false react-scripts build",
"winBuild": "set \"GENERATE_SOURCEMAP=false\" && react-scripts build",

Use npm run build for creating build on Linux.

Use npm run winBuild for creating build on Windows.

answered May 23 '20 at 03:49

Yuvraj Patil

7,944
5
56
56

the answer is fine but there is a better solution at https://stackoverflow.com/a/62990101/1909798 – robsonrosa Feb 08 '21 at 16:45
5

@robsonrosa's comment: "build": "cross-env GENERATE_SOURCEMAP=false react-scripts build" need to install cross-env before using this method. npm install --global cross-env – JM217 Sep 18 '21 at 05:46
Do note that in linux you don't need the `&&` part, because in linux it's *a single* command. – Minh Nghĩa Mar 23 '22 at 09:46

score 23 · Answer 2 · edited Dec 15 '22 at 17:50

23

Another solution is to create a new file in your project's root directory named .env and include the following inside the file. This will remove any .map files from your build/static/js folder the next time you run build.

GENERATE_SOURCEMAP=false

edited Dec 15 '22 at 17:50

Super Jade

5,609
7
39
61

answered Aug 08 '19 at 19:01

Josh Yager

331
1
6

score 19 · Answer 3 · answered Jul 20 '20 at 06:59

19

Use cross-env to safely set environment variables across multiple operating systems:

"build": "cross-env GENERATE_SOURCEMAP=false react-scripts build"

answered Jul 20 '20 at 06:59

Alexandru-Dan Pop

434
3
10

2

Nice solution. FYI, need to install cross-env before using this method. [npm install --global cross-env] – JM217 Sep 18 '21 at 05:44
I tested this on Windows and mac successfully. – Hossein Mohammadi Feb 18 '22 at 11:18
1

This should be the solution, and you can install cross-env as a devDependency for this to work (npm i -D cross-env) – nite Oct 20 '22 at 22:30

score 16 · Answer 4 · answered Apr 17 '20 at 09:02

16

Also you can try the below setting in your scripts if you are running on windows

"build": "set \"GENERATE_SOURCEMAP=false\" && react-scripts build"

answered Apr 17 '20 at 09:02

CodeBuggy

429
5
18

1

This has solved the problem. Sometimes at windows, "winBuild" doesn't work. – ni8mr Dec 19 '20 at 11:10

Jenish · Answer 5 · 2022-02-28T09:42:09.907

4

For windows

use "set" and
use "&&" in between,

like

"build": "set GENERATE_SOURCEMAP=false && react-scripts build"

,this command also can be used to remove .map files after generated

"build": "react-scripts build && del build/static/js/*.map"

edited Feb 28 '22 at 09:42

answered Feb 28 '22 at 07:24

Jenish

61
6

score 1 · Answer 6 · edited May 18 '20 at 23:47

1

maybe something like this would help you, create new app:

npx create-react-app app

cd app

and then run:

GENERATE_SOURCEMAP=false yarn build

edited May 18 '20 at 23:47

aasmpro

554
9
21

answered Jul 18 '19 at 16:03

Tony Ngo

19,166
4
38
60

score 1 · Answer 7 · edited Feb 03 '23 at 13:15

1

For Cross Platform: Just open .env and add GENERATE_SOURCEMAP=false

Linux: GENERATE_SOURCEMAP=false

Windows: set \"GENERATE_SOURCEMAP=false\"

edited Feb 03 '23 at 13:15

Chevindu Wickramathilaka

148
2
12

answered Aug 15 '22 at 12:17

GMKHussain

3,342
1
21
19

score 0 · Answer 8 · answered Feb 11 '23 at 15:31

create a file name .env

add this code to the file : GENERATE_SOURCEMAP=false

On Heroku, go to Settings -> Config vars -> add GENERATE_SOURCEMAP with value false

On Vercel, go to Settings -> Environment Variables -> add GENERATE_SOURCEMAP as key and False as value, set environment Production -> Save

score -3 · Answer 9 · answered Apr 25 '21 at 23:25

-3

If you are using Heroku, you have to add this in the Config Vars inside the settings of your App. This is the way is supposed to be set from the documentation documentation

answered Apr 25 '21 at 23:25

J Olaya

1

GENERATE_SOURCEMAP=false Issue

9 Answers9

Linked

Related