4

I have created a react app using create-react-app, and when I first tried to build it using npm run build, it was working fine. However, after a couple of days of developing when I try to run the same command, I'm facing the following issue.

0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm- 
cli.js',
1 verbose cli   'run',
1 verbose cli   'build' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prebuild', 'build', 'postbuild' ]
5 info lifecycle [email protected]~prebuild: [email protected]
6 info lifecycle [email protected]~build: [email protected]
7 verbose lifecycle [email protected]~build: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~build: PATH: C:\Program 
Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp- 
bin;C:\Users\myaccount\nic-react\node_modules\.bin;C:\Program Files\Common 
Files\Microsoft Shared\Microsoft Online Services;C:\Program Files 
(x86)\Common Files\Microsoft Shared\Microsoft Online Services;C:\Program 
Files (x86)\Common Files\Volvo\VCOM Client\dll;C:\Program Files\Common 
Files\Volvo\VCOM Client\dll;C:\Program Files (x86)\Java\jre1.6.0_20\bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files\Microsoft Windows Performance Toolkit\;C:\Program Files\dotnet\;C:\Program Files\Volvo\VCOM Server\bin;C:\Program Files\Microsoft SQL Server\120\DTS\Binn\;C:\Program Files\Microsoft SQL Server\Client SDK\ODBC\110\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\120\Tools\Binn\;C:\Program Files\Microsoft SQL Server\120\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\120\Tools\Binn\ManagementStudio\;C:\Program Files (x86)\Microsoft SQL Server\120\DTS\Binn\;C:\Program Files (x86)\Volvo\VComDNA\bin;C:\Program Files\IBM\WebSphere MQ\bin64;C:\Program Files\IBM\WebSphere MQ\bin;C:\Program Files\IBM\WebSphere MQ\tools\c\samples\bin;C:\Program Files\Microsoft SQL Server\130\Tools\Binn\;C:\Program Files (x86)\Microsoft Team Foundation Server 2015 Power Tools\;C:\Program Files (x86)\LINQPad5;C:\ProgramData\chocolatey\bin;C:\Program Files (x86)\dotnet\;C:\Program Files\Microsoft VS Code\bin;C:\Program Files\nodejs\;C:\Program Files\Git\cmd;C:\Users\myaccount\AppData\Local\Programs\Fiddler;C:\Program Files\Microsoft VS Code\bin;C:\Users\myaccount\.dotnet\tools;C:\Users\myaccount\AppData\Roaming\npm;C:\Users\myaccount\AppData\Local\Programs\Microsoft VS Code\bin
9 verbose lifecycle [email protected]~build: CWD: C:\Users\myaccount\nic-react
10 silly lifecycle [email protected]~build: Args: [ '/d /s /c', 'node 
scripts/build.js' ]
11 silly lifecycle [email protected]~build: Returned: code: 1  signal: null
12 info lifecycle [email protected]~build: Failed to exec build script
13 verbose stack Error: [email protected] build: `node scripts/build.js`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (C:\Program 
Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:285:16)
13 verbose stack     at emitTwo (events.js:126:13)
13 verbose stack     at EventEmitter.emit (events.js:214:7)
13 verbose stack     at ChildProcess.<anonymous> (C:\Program 
Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack     at emitTwo (events.js:126:13)
13 verbose stack     at ChildProcess.emit (events.js:214:7)
13 verbose stack     at maybeClose (internal/child_process.js:925:16)
13 verbose stack     at Process.ChildProcess._handle.onexit 
(internal/child_process.js:209:5)
14 verbose pkgid [email protected]
15 verbose cwd C:\Users\myaccount\nic-react
16 verbose Windows_NT 6.1.7601
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program 
 Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build"
18 verbose node v8.11.4
19 verbose npm  v5.6.0
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] build: `node scripts/build.js`
22 error Exit status 1
23 error Failed at the [email protected] build script.
23 error This is probably not a problem with npm. There is likely additional 
logging output above.
24 verbose exit [ 1, true ]

I've have been looking around in StackOverflow but I can't seem to find anything similar to my problem. Usually there is some kind of specific error message, but I can't see it.

Here is my package.json:

{
 "name": "nic-react",
 "version": "0.1.0",
 "private": true,
 "dependencies": {
 "@fortawesome/fontawesome-svg-core": "^1.2.7",
 "@fortawesome/free-solid-svg-icons": "^5.4.2",
 "@fortawesome/react-fontawesome": "^0.1.3",
 "autoprefixer": "7.1.6",
 "axios": "^0.18.0",
 "babel-core": "6.26.0",
 "babel-eslint": "7.2.3",
 "babel-jest": "20.0.3",
 "babel-loader": "7.1.2",
 "babel-preset-react-app": "^3.1.2",
 "babel-runtime": "6.26.0",
 "case-sensitive-paths-webpack-plugin": "2.1.1",
 "chalk": "1.1.3",
 "chart.js": "^2.7.3",
 "core-js": "^2.5.7",
 "css-loader": "0.28.7",
 "dotenv": "4.0.0",
 "dotenv-expand": "4.2.0",
 "eslint": "4.10.0",
 "eslint-config-react-app": "^2.1.0",
 "eslint-loader": "1.9.0",
 "eslint-plugin-flowtype": "2.39.1",
 "eslint-plugin-import": "2.8.0",
 "eslint-plugin-jsx-a11y": "5.1.1",
 "eslint-plugin-react": "7.4.0",
 "extract-text-webpack-plugin": "3.0.2",
 "file-loader": "1.1.5",
 "fs-extra": "3.0.1",
 "html-webpack-plugin": "2.29.0",
 "i": "^0.3.6",
 "jest": "20.0.4",
 "moment": "^2.22.2",
 "object-assign": "4.1.1",
 "postcss-flexbugs-fixes": "3.2.0",
 "postcss-loader": "2.0.8",
 "promise": "8.0.1",
 "query-string": "^5.1.1",
 "raf": "3.4.0",
 "react": "^16.6.0",
 "react-bootstrap": "^0.32.4",
 "react-bootstrap-table": "^4.3.1",
 "react-chartjs-2": "^2.7.4",
 "react-copy-to-clipboard": "^5.0.1",
 "react-countup": "^4.0.0",
 "react-dev-utils": "^5.0.3",
 "react-flatpickr": "^3.6.4",
 "react-moment": "^0.7.9",
 "react-router-bootstrap": "^0.24.4",
 "react-router-dom": "^4.3.1",
 "react-select": "^2.1.1",
 "react-spinners": "^0.4.7",
 "react-toastify": "^4.4.0",
 "react-toggle": "^4.0.2",
 "resolve": "1.6.0",
 "style-loader": "0.19.0",
 "sw-precache-webpack-plugin": "0.11.4",
 "toastify": "^1.0.12",
 "url-loader": "0.6.2",
 "uuid": "^3.3.2",
 "webpack": "3.8.1",
 "webpack-dev-server": "2.11.3",
 "webpack-manifest-plugin": "1.3.2",
 "whatwg-fetch": "2.0.3",
 "xml-formatter": "^1.0.1"
}, 
 "scripts": {
 "start": "node scripts/start.js",
 "build": "node scripts/build.js",
 "test": "node scripts/test.js --env=jsdom"
},
"jest": {
  "collectCoverageFrom": [
   "src/**/*.{js,jsx,mjs}"
  ],
  "setupFiles": [
   "<rootDir>/config/polyfills.js"
 ],
 "testMatch": [
   "<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}",
   "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"
 ],
 "testEnvironment": "node",
 "testURL": "http://localhost",
"transform": {
  "^.+\\.(js|jsx|mjs)$": "<rootDir>/node_modules/babel-jest",
  "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
  "^(?!.*\\.(js|jsx|mjs|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
},
"transformIgnorePatterns": [
  "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$"
],
"moduleNameMapper": {
  "^react-native$": "react-native-web"
},
"moduleFileExtensions": [
  "web.js",
  "js",
  "json",
  "web.jsx",
  "jsx",
  "node",
  "mjs"
   ]
},
  "babel": {
   "presets": [
   "react-app"
    ]
  },
"eslintConfig": {
  "extends": "react-app"
}
}

Thanks in advance.

2 Answers 2

2

I found the issue. The react-scripts package was missing in package.json.

So to fix it, I installed it running the following command:

npm install react-scripts --save

Once that was done, performing an npm run-script build was working fine.

Sign up to request clarification or add additional context in comments.

2 Comments

it didn't help me... any other solution?
So strange, I checked and I had react-scripts folder in node_modules, and yet react-scripts build was failing. But then I run the above script and after that install it started to work. So I am not sure why. Anyway, it help me.
1

you can use this code in your package.json

"scripts": { "start": "react-scripts start", "build": "react-scripts --max_old_space_size=4096 build", "test": "react-scripts test", "precommit": "lint-staged" },

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.