Server starts but doesn't show anything

[twinking92]

Hi,
i followed you Build Guide for setting up the pi and the webserver. I think every command worked and didn't throw any critical errors. Nevertheless i cannot see the website entering my IP Address in the webbrowser. But the Webbrwoser regonizes the Site is named Sand Table. When i enter:
npm run prod

i got the following response:

[email protected] prod
rm -rf dist && npm run build && export NODE_ENV=production && concurrently " npm run react" "node dist/app.js"
[email protected] build
babel server -d dist
Successfully compiled 8 files with Babel (10198ms).
[0]
[0] > [email protected] react
[0] > webpack
[0]
[1] Server (production) is listening on port 3000
[1] [Error: Error: No such file or directory, cannot open /dev/ttyACM0]
[1] [Error: Error: No such file or directory, cannot open /dev/ttyACM1]
[1] GCode Controller Initialized
[0] Browserslist: caniuse-lite is outdated. Please run:
[0] npx browserslist@latest --update-db
[0] Hash: 69f740e172063db805fd
[0] Version: webpack 4.44.1
[0] Time: 48685ms
[0] Built at: 07/02/2021 10:57:46
[0] 1 asset
[0] Entrypoint main = client.min.js
[0] [6] ../node_modules/@restart/hooks/esm/useEventCallback.js + 1 modules 831 bytes {0} [built]
[0] | 2 modules
[0] [12] ../node_modules/uncontrollable/esm/index.js + 4 modules 16.1 KiB {0} [built]
[0] | 5 modules
[0] [18] ../node_modules/@restart/hooks/esm/useWillUnmount.js + 1 modules 700 bytes {0} [built]
[0] | 2 modules
[0] [43] ./scss/main.scss 1.13 KiB {0} [built]
[0] [44] ../node_modules/css-loader!../node_modules/sass-loader/lib/loader.js!./scss/main.scss 3.52 KiB {0} [not cacheable] [built] [failed] [1 error]
[0] [70] ./app/index.jsx + 82 modules 1.22 MiB {0} [built]
[0] | ./app/index.jsx 16.3 KiB [built]
[0] | + 82 hidden modules
[0] + 196 hidden modules
[0]
[0] WARNING in configuration
[0] The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
[0] You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/
[0]
[0] ERROR in ./scss/main.scss (../node_modules/css-loader!../node_modules/sass-loader/lib/loader.js!./scss/main.scss)
[0] Module build failed (from ../node_modules/sass-loader/lib/loader.js):
[0] Error: Node Sass does not yet support your current environment: Linux Unsupported architecture (arm) with Unsupported runtime (88)
[0] For more information on which environments are supported please see:
[0] https://github.com/sass/node-sass/releases/tag/v4.14.1
[0] at module.exports (/home/pi/Documents/Sand-Table/Website/node_modules/node-sass/lib/binding.js:13:13)
[0] at Object. (/home/pi/Documents/Sand-Table/Website/node_modules/node-sass/lib/index.js:14:35)
[0] at Module._compile (/home/pi/Documents/Sand-Table/Website/node_modules/v8-compile-cache/v8-compile-cache.js:194:30)
[0] at Object.Module._extensions..js (node:internal/modules/cjs/loader:1137:10)
[0] at Module.load (node:internal/modules/cjs/loader:973:32)
[0] at Function.Module._load (node:internal/modules/cjs/loader:813:14)
[0] at Module.require (node:internal/modules/cjs/loader:997:19)
[0] at require (/home/pi/Documents/Sand-Table/Website/node_modules/v8-compile-cache/v8-compile-cache.js:161:20)
[0] at Object. (/home/pi/Documents/Sand-Table/Website/node_modules/sass-loader/lib/loader.js:3:14)
[0] at Module._compile (/home/pi/Documents/Sand-Table/Website/node_modules/v8-compile-cache/v8-compile-cache.js:194:30)
[0] at Object.Module._extensions..js (node:internal/modules/cjs/loader:1137:10)
[0] at Module.load (node:internal/modules/cjs/loader:973:32)
[0] at Function.Module._load (node:internal/modules/cjs/loader:813:14)
[0] at Module.require (node:internal/modules/cjs/loader:997:19)
[0] at require (/home/pi/Documents/Sand-Table/Website/node_modules/v8-compile-cache/v8-compile-cache.js:161:20)
[0] at loadLoader (/home/pi/Documents/Sand-Table/Website/node_modules/loader-runner/lib/loadLoader.js:18:17)
[0] at iteratePitchingLoaders (/home/pi/Documents/Sand-Table/Website/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
[0] at iteratePitchingLoaders (/home/pi/Documents/Sand-Table/Website/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
[0] at /home/pi/Documents/Sand-Table/Website/node_modules/loader-runner/lib/LoaderRunner.js:176:18
[0] at loadLoader (/home/pi/Documents/Sand-Table/Website/node_modules/loader-runner/lib/loadLoader.js:47:3)
[0] at iteratePitchingLoaders (/home/pi/Documents/Sand-Table/Website/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
[0] at runLoaders (/home/pi/Documents/Sand-Table/Website/node_modules/loader-runner/lib/LoaderRunner.js:365:2)
[0] at NormalModule.doBuild (/home/pi/Documents/Sand-Table/Website/node_modules/webpack/lib/NormalModule.js:295:3)
[0] at NormalModule.build (/home/pi/Documents/Sand-Table/Website/node_modules/webpack/lib/NormalModule.js:446:15)
[0] at Compilation.buildModule (/home/pi/Documents/Sand-Table/Website/node_modules/webpack/lib/Compilation.js:739:10)
[0] at /home/pi/Documents/Sand-Table/Website/node_modules/webpack/lib/Compilation.js:981:14
[0] at /home/pi/Documents/Sand-Table/Website/node_modules/webpack/lib/NormalModuleFactory.js:409:6
[0] at /home/pi/Documents/Sand-Table/Website/node_modules/webpack/lib/NormalModuleFactory.js:155:13
[0] at AsyncSeriesWaterfallHook.eval [as callAsync] (eval at create (/home/pi/Documents/Sand-Table/Website/node_modules/tapable/lib/HookCodeFactory.js:33:10), :6:1)
[0] at /home/pi/Documents/Sand-Table/Website/node_modules/webpack/lib/NormalModuleFactory.js:138:29
[0] at /home/pi/Documents/Sand-Table/Website/node_modules/webpack/lib/NormalModuleFactory.js:346:9
[0] at processTicksAndRejections (node:internal/process/task_queues:76:11)
[0] @ ./scss/main.scss 4:14-122
[0] @ ./app/index.jsx
[0] npm ERR! code 2
[0] npm ERR! path /home/pi/Documents/Sand-Table/Website
[0] npm ERR! command failed
[0] npm ERR! command sh -c webpack
[0]
[0] npm ERR! A complete log of this run can be found in:
[0] npm ERR! /home/pi/.npm/_logs/2021-02-07T10_57_47_172Z-debug.log
[0] npm run react exited with code 2

Do you know what the solution for the problem could be?

Kind regards
Fabian

[twinking92]

I fixed the problem using an older Version of node. I've just ran

nvm install 14.15.4

after
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
export NVM_DIR="$HOME/.nvm"
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
nvm install node
npm install -g npm

But im not 100% sure if this really was the problem as i reinstalled the whole raspberry os.

[rdudhagra]

Ah, that's good to know. Yea newer versions of Node often break stuff, so I should specify which version I use. Will update that...thanks!

[rdudhagra]

For posterity: build guide readme has been updated to install NodeJS V14.8.0

[twinking92]

Thank you! I needed to run
nvm use default v14
because after every reboot the v15 was used again.