Error setting up wowed custom components environment

Ask us anything How do I?
1

Hi guys, I am trying to write an own component to zip files (As this should be the only way to use external js libs).

Have to say I am not an experiences JS developer, just hack some small snippets together if needed, never used node and npm before.

So maybe the goal to write own weweb components is too ambitious? In any case I run into an npm error when following the weweb guide for setting up the node environment.

I can’t attach the error log here, so I paste some text from it, maybe Python is missing or anything else?

Hope somebody can help. I am also open for feedback like “Keep your hands away from this, this is for port only” :wink:

2

Error Log (Excerpt):

npm ERR! code 1

npm ERR! path /Users/soenke/Documents/#Online/02-Produkte/03-Tac/05-node-js/weweb-zipper/node_modules/node-sass

npm ERR! command failed

npm ERR! command sh -c node scripts/build.js

npm ERR! Building: /usr/local/bin/node /Users/soenke/Documents/#Online/02-Produkte/03-Tac/05-node-js/weweb-zipper/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=

npm ERR! gyp info it worked if it ends with ok

npm ERR! gyp verb cli [

npm ERR! gyp verb cli ‘/usr/local/bin/node’,

npm ERR! gyp verb cli ‘/Users/soenke/Documents/#Online/02-Produkte/03-Tac/05-node-js/weweb-zipper/node_modules/node-gyp/bin/node-gyp.js’,

npm ERR! gyp verb cli ‘rebuild’,

npm ERR! gyp verb cli ‘–verbose’,

npm ERR! gyp verb cli ‘–libsass_ext=’,

npm ERR! gyp verb cli ‘–libsass_cflags=’,

npm ERR! gyp verb cli ‘–libsass_ldflags=’,

npm ERR! gyp verb cli ‘–libsass_library=’

npm ERR! gyp verb cli ]

npm ERR! gyp info using node-gyp@7.1.2

npm ERR! gyp info using node@18.12.1 | darwin | x64

npm ERR! gyp verb command rebuild

npm ERR! gyp verb command clean

npm ERR! gyp verb clean removing “build” directory

npm ERR! gyp verb command configure

npm ERR! gyp verb find Python Python is not set from command line or npm configuration

npm ERR! gyp verb find Python Python is not set from environment variable PYTHON

npm ERR! gyp verb find Python checking if “python3” can be used

npm ERR! gyp verb find Python - executing “python3” to get executable path

npm ERR! gyp verb find Python - “python3” is not in PATH or produced an error

npm ERR! gyp verb find Python checking if “python” can be used

npm ERR! gyp verb find Python - executing “python” to get executable path

npm ERR! gyp verb find Python - “python” is not in PATH or produced an error

npm ERR! gyp verb find Python checking if “python2” can be used

npm ERR! gyp verb find Python - executing “python2” to get executable path

npm ERR! gyp verb find Python - “python2” is not in PATH or produced an error

npm ERR! gyp ERR! find Python

npm ERR! gyp ERR! find Python Python is not set from command line or npm configuration

npm ERR! gyp ERR! find Python Python is not set from environment variable PYTHON

npm ERR! gyp ERR! find Python checking if “python3” can be used

npm ERR! gyp ERR! find Python - “python3” is not in PATH or produced an error

npm ERR! gyp ERR! find Python checking if “python” can be used

npm ERR! gyp ERR! find Python - “python” is not in PATH or produced an error

npm ERR! gyp ERR! find Python checking if “python2” can be used

npm ERR! gyp ERR! find Python - “python2” is not in PATH or produced an error

npm ERR! gyp ERR! find Python

npm ERR! gyp ERR! find Python **********************************************************

npm ERR! gyp ERR! find Python You need to install the latest version of Python.

npm ERR! gyp ERR! find Python Node-gyp should be able to find and use Python. If not,

npm ERR! gyp ERR! find Python you can try one of the following options:

npm ERR! gyp ERR! find Python - Use the switch --python=“/path/to/pythonexecutable”

npm ERR! gyp ERR! find Python (accepted by both node-gyp and npm)

npm ERR! gyp ERR! find Python - Set the environment variable PYTHON

npm ERR! gyp ERR! find Python - Set the npm configuration variable python:

npm ERR! gyp ERR! find Python npm config set python “/path/to/pythonexecutable”

npm ERR! gyp ERR! find Python For more information consult the documentation at:

npm ERR! gyp ERR! find Python GitHub - nodejs/node-gyp: Node.js native addon build tool

npm ERR! gyp ERR! find Python **********************************************************

npm ERR! gyp ERR! find Python

npm ERR! gyp ERR! configure error

npm ERR! gyp ERR! stack Error: Could not find any Python installation to use

npm ERR! gyp ERR! stack at PythonFinder.fail (/Users/soenke/Documents/#Online/02-Produkte/03-Tac/05-node-js/weweb-zipper/node_modules/node-gyp/lib/find-python.js:302:47)

npm ERR! gyp ERR! stack at PythonFinder.runChecks (/Users/soenke/Documents/#Online/02-Produkte/03-Tac/05-node-js/weweb-zipper/node_modules/node-gyp/lib/find-python.js:136:21)

npm ERR! gyp ERR! stack at PythonFinder. (/Users/soenke/Documents/#Online/02-Produkte/03-Tac/05-node-js/weweb-zipper/node_modules/node-gyp/lib/find-python.js:179:16)

npm ERR! gyp ERR! stack at PythonFinder.execFileCallback (/Users/soenke/Documents/#Online/02-Produkte/03-Tac/05-node-js/weweb-zipper/node_modules/node-gyp/lib/find-python.js:266:16)

npm ERR! gyp ERR! stack at exithandler (node:child_process:420:5)

npm ERR! gyp ERR! stack at ChildProcess.errorhandler (node:child_process:432:5)

npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:513:28)

npm ERR! gyp ERR! stack at ChildProcess._handle.onexit (node:internal/child_process:289:12)

npm ERR! gyp ERR! stack at onErrorNT (node:internal/child_process:476:16)

npm ERR! gyp ERR! stack at process.processTicksAndRejections (node:internal/process/task_queues:82:21)

npm ERR! gyp ERR! System Darwin 21.6.0

npm ERR! gyp ERR! command “/usr/local/bin/node” “/Users/soenke/Documents/#Online/02-Produkte/03-Tac/05-node-js/weweb-zipper/node_modules/node-gyp/bin/node-gyp.js” “rebuild” “–verbose” “–libsass_ext=” “–libsass_cflags=” “–libsass_ldflags=” “–libsass_library=”

npm ERR! gyp ERR! cwd /Users/soenke/Documents/#Online/02-Produkte/03-Tac/05-node-js/weweb-zipper/node_modules/node-sass

npm ERR! gyp ERR! node -v v18.12.1

npm ERR! gyp ERR! node-gyp -v v7.1.2

npm ERR! gyp ERR! not ok

npm ERR! Build failed with error code: 1

3

Try node -v in your command line.
What version of node are you using?

4

I use v18.12.1

5

The step ‘npm init @weweb/component’ worked well and created the directory and project files. I went into that directory but then ‘npm install’ ends up with all that errors.

6

I now see that there was no folder “node_modules” created in the project.

The door starts with this path: “path /Users/soenke/Documents/#Online/02-Produkte/03-Tac/05-node-js/weweb-zipper/node_modules/node-sass” → But “…/node_modules/node-sass” does not exist in the project.

Really strange.

7

after you create the progect you need to go inside the folder and install the dependencies with npm i

I suggest you use node 16 instead, it’s still officially supported. I like to stay on the latest version but for weweb projects with version 16 everything works as described in the docs.

8

Ok, so I will uninstall node and reinstall v16 again. Let’s see if it helps.

9

Hey, node 16.19. seems to work. I was able to install the dependencies and run the server. Thanks for the hint!

After installing the weweb dependencies I got some vulnerabilities:

Bildschirmfoto 2022-12-20 um 16.21.30
Bildschirmfoto 2022-12-20 um 16.21.30824×230 19.8 KB

Should I run “npm audit fix --force” ?

10

there is a lot of debate regarding this in the javascript community.

Porobably the warnings are about some dependency of the tools that weweb uses to build your component.

The quick answer is to go on with your coding unless the warnings are related to some library that you use in your component.