I'm getting an error when building my react project using react-snaps.
I've looked around and all the errors are related to puppeteer - but I'm not using puppeteer to fetch content directly like those questions so the answers don't apply.
The issue - I think - is that when react-snap is rendering my pages, they are making API calls to my server, and some of those fail because they are not authenticated or something else. But all the other questions shows this has to do with the "page exiting before its finished" and I don't know what that means when I'm running the react-snap script? Its not fetching pages like what puppeteer is used for. (maybe it is? I don't know, never used puppeteer)
Here is my scripts:
"start": "react-scripts start",
"build": "react-scripts --max_old_space_size=4096 build && npm run build-sw && npm run clean-cra-sw",
"clean-cra-sw": "rm -f build/precache-manifest.*.js && rm -f build/service-worker.js",
"test": "react-scripts test",
"eject": "react-scripts eject",
"build-sw": "node ./src/sw-build.js",
"postbuild": "react-snap"
Here is the errors in the debug log from "npm run build"
0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'C:\\Users\\Spader\\AppData\\Roaming\\npm\\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:\user...\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\user...\coding\path/to/app\node_modules\.bin;C:\user...\bin;C:\Program Files\Git\mingw64\bin;C:\Program Files\Git\usr\local\bin;C:\Program Files\Git\usr\bin;C:\Program Files\Git\usr\bin;C:\Program Files\Git\mingw64\bin;C:\Program Files\Git\usr\bin;C:\user...\bin;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\iCLS;C:\Program Files\Intel\Intel(R) Management Engine Components\iCLS;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0;C:\Windows\System32\OpenSSH;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files\Intel\WiFi\bin;C:\Program Files\Common Files\Intel\WirelessCommon;C:\Program Files\nodejs;C:\Program Files\Amazon\AWSCLI\bin;C:\Program Files\Git\cmd;C:\Program Files\PuTTY;C:\Program Files\dotnet;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0;C:\WINDOWS\System32\OpenSSH;C:\user...\.windows-build-tools\python27;C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\user...\AppData\Roaming\npm\node_modules\windows-build-tools\node_modules\.bin;C:\user...\AppData\Roaming\npm\node_modules\.bin;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\iCLS;C:\Program Files\Intel\Intel(R) Management Engine Components\iCLS;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0;C:\Windows\System32\OpenSSH;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files\Intel\WiFi\bin;C:\Program Files\Common Files\Intel\WirelessCommon;C:\Program Files\nodejs;C:\Program Files\Amazon\AWSCLI\bin;C:\Program Files\Git\cmd;C:\user...\AppData\Local\Microsoft\WindowsApps;C:\user...\AppData\Roaming\npm;C:\user...\AppData\Local\Programs\Microsoft VS Code\bin;C:\user...\.dotnet\tools;%USERPROFILE%\AppData\Local\Microsoft\WindowsApps;C:\Program Files\Git\usr\bin\vendor_perl;C:\Program Files\Git\usr\bin\core_perl
9 verbose lifecycle [email protected]~build: CWD: C:\user...\coding\path/to/app
10 silly lifecycle [email protected]~build: Args: [ '/d /s /c',
10 silly lifecycle 'react-scripts --max_old_space_size=4096 build && npm run build-sw && npm run clean-cra-sw' ]
11 silly lifecycle [email protected]~build: Returned: code: 0 signal: null
12 info lifecycle [email protected]~postbuild: [email protected]
13 verbose lifecycle [email protected]~postbuild: unsafe-perm in lifecycle true
14 verbose lifecycle [email protected]~postbuild: PATH: C:\user...\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\user...\coding\path/to/app\node_modules\.bin;C:\user...\bin;C:\Program Files\Git\mingw64\bin;C:\Program Files\Git\usr\local\bin;C:\Program Files\Git\usr\bin;C:\Program Files\Git\usr\bin;C:\Program Files\Git\mingw64\bin;C:\Program Files\Git\usr\bin;C:\user...\bin;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\iCLS;C:\Program Files\Intel\Intel(R) Management Engine Components\iCLS;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0;C:\Windows\System32\OpenSSH;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files\Intel\WiFi\bin;C:\Program Files\Common Files\Intel\WirelessCommon;C:\Program Files\nodejs;C:\Program Files\Amazon\AWSCLI\bin;C:\Program Files\Git\cmd;C:\Program Files\PuTTY;C:\Program Files\dotnet;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0;C:\WINDOWS\System32\OpenSSH;C:\user...\.windows-build-tools\python27;C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\user...\AppData\Roaming\npm\node_modules\windows-build-tools\node_modules\.bin;C:\user...\AppData\Roaming\npm\node_modules\.bin;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\iCLS;C:\Program Files\Intel\Intel(R) Management Engine Components\iCLS;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0;C:\Windows\System32\OpenSSH;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files\Intel\WiFi\bin;C:\Program Files\Common Files\Intel\WirelessCommon;C:\Program Files\nodejs;C:\Program Files\Amazon\AWSCLI\bin;C:\Program Files\Git\cmd;C:\user...\AppData\Local\Microsoft\WindowsApps;C:\user...\AppData\Roaming\npm;C:\user...\AppData\Local\Programs\Microsoft VS Code\bin;C:\user...\.dotnet\tools;%USERPROFILE%\AppData\Local\Microsoft\WindowsApps;C:\Program Files\Git\usr\bin\vendor_perl;C:\Program Files\Git\usr\bin\core_perl
15 verbose lifecycle [email protected]~postbuild: CWD: C:\user...\coding\path/to/app
16 silly lifecycle [email protected]~postbuild: Args: [ '/d /s /c', 'react-snap' ]
17 silly lifecycle [email protected]~postbuild: Returned: code: 1 signal: null
18 info lifecycle [email protected]~postbuild: Failed to exec postbuild script
19 verbose stack Error: [email protected] postbuild: `react-snap`
19 verbose stack Exit status 1
19 verbose stack at EventEmitter.<anonymous> (C:\user...\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\index.js:326:16)
19 verbose stack at EventEmitter.emit (events.js:189:13)
19 verbose stack at ChildProcess.<anonymous> (C:\user...\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
19 verbose stack at ChildProcess.emit (events.js:189:13)
19 verbose stack at maybeClose (internal/child_process.js:970:16)
19 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:259:5)
20 verbose pkgid [email protected]
21 verbose cwd C:\user...\coding\path/to/app
22 verbose Windows_NT 10.0.18362
23 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\user\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "run" "build"
24 verbose node v10.15.3
25 verbose npm v6.10.2
26 error code ELIFECYCLE
27 error errno 1
28 error [email protected] postbuild: `react-snap`
28 error Exit status 1
29 error Failed at the [email protected] postbuild script.
29 error This is probably not a problem with npm. There is likely additional logging output above.
30 verbose exit [ 1, true ]
And here is the specific error in the console when building
console.log at /ads_page: %c next state color: #4CAF50; font-weight: bold JSHandle@object
console.log at /ads_page: console.groupEnd
console.log at /ads_page: { total: { value: 0, relation: 'eq' },
max_score: null,
hits: [] }
console.log at /404.html: %c action %cFETCH_ADS_SUCCESS %c@ 11:22:01.228 color: gray; font-weight: lighter; color: inherit; color: gray; font-weight: lighter;
console.log at /404.html: %c prev state color: #9E9E9E; font-weight: bold JSHandle@object
console.log at /404.html: %c action color: #03A9F4; font-weight: bold JSHandle@object
console.log at /404.html: %c next state color: #4CAF50; font-weight: bold JSHandle@object
console.log at /404.html: console.groupEnd
console.log at /404.html: { total: { value: 0, relation: 'eq' },
max_score: null,
hits: [] }
UnhandledPromiseRejectionWarning { Error: Protocol error (Network.getResponseBody): Target closed.
at Promise (C:\path\to\app\node_modules\puppeteer\lib\Connection.js:183:56)
at new Promise (<anonymous>)
at CDPSession.send (C:\path\to\app\node_modules\puppeteer\lib\Connection.js:182:12)
at _contentPromise._bodyLoadedPromise.then (C:\path\to\app\node_modules\puppeteer\lib\NetworkManager.js:612:45)
at process._tickCallback (internal/process/next_tick.js:68:7)
-- ASYNC --
at Response.<anonymous> (C:\path\to\app\node_modules\puppeteer\lib\helper.js:111:15)
at Page.page.on.response (C:\path\to\app\node_modules\minimalcss\src\run.js:264:20)
at Page.emit (events.js:189:13)
at NetworkManager.Page.networkManager.on.event (C:\path\to\app\node_modules\puppeteer\lib\Page.js:111:69)
at NetworkManager.emit (events.js:189:13)
at NetworkManager._onResponseReceived (C:\path\to\app\node_modules\puppeteer\lib\NetworkManager.js:272:10)
at CDPSession.emit (events.js:189:13)
at CDPSession._onMessage (C:\path\to\app\node_modules\puppeteer\lib\Connection.js:200:12)
at Connection._onMessage (C:\path\to\app\node_modules\puppeteer\lib\Connection.js:112:17)
at WebSocketTransport._ws.addEventListener.event (C:\path\to\app\node_modules\puppeteer\lib\WebSocketTransport.js:44:24)
message: 'Protocol error (Network.getResponseBody): Target closed.' }
You can see its finished fetching ads from "FETCH_ADS_SUCCESS" but then it throws this error.
Also why does it say the page is 404.html - when there is no 404 page and it was just on the ads_page