Nova Tool Not Building During Creation

[falconsmilie]

Hi there. I'm using;

Laravel: 8.12
Nova: 3.30

When creating a new Tool for Nova the NPM build always fails. The assets can't be complied, but composer does run successfully.

There are around 40 deprecation warnings for NPM, but a major error, which looks to be a node-sass issue, prevents the bulid from completing. Log is below. I've replaced the project paths with ....

npm ERR! code 1
npm ERR! path .../nova-components/NovaUserUpload/node_modules/node-sass
npm ERR! command failed
npm ERR! command sh -c node scripts/build.js
npm ERR! Building: /opt/homebrew/Cellar/node@16/16.14.0/bin/node .../nova-components/NovaUserUpload/node_modules/node-sass/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   '/opt/homebrew/Cellar/node@16/16.14.0/bin/node',
npm ERR! gyp verb cli   '.../nova-components/NovaUserUpload/node_modules/node-sass/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 [email protected]
npm ERR! gyp info using [email protected] | darwin | arm64
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 check python checking for Python executable ".../.pyenv/shims/python" in the PATH
npm ERR! gyp verb `which` succeeded .../.pyenv/shims/python .../.pyenv/shims/python
npm ERR! gyp ERR! configure error 
npm ERR! gyp ERR! stack Error: Command failed: .../.pyenv/shims/python -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack   File "<string>", line 1
npm ERR! gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
npm ERR! gyp ERR! stack SyntaxError: Missing parentheses in call to 'print'. Did you mean print(...)?
npm ERR! gyp ERR! stack 
npm ERR! gyp ERR! stack     at ChildProcess.exithandler (node:child_process:399:12)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:520:28)
npm ERR! gyp ERR! stack     at maybeClose (node:internal/child_process:1092:16)
npm ERR! gyp ERR! stack     at Socket.<anonymous> (node:internal/child_process:451:11)
npm ERR! gyp ERR! stack     at Socket.emit (node:events:520:28)
npm ERR! gyp ERR! stack     at Pipe.<anonymous> (node:net:687:12)
npm ERR! gyp ERR! System Darwin 21.2.0
npm ERR! gyp ERR! command "/opt/homebrew/Cellar/node@16/16.14.0/bin/node" ".../nova-components/NovaUserUpload/node_modules/node-sass/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd .../nova-components/NovaUserUpload/node_modules/node-sass
npm ERR! gyp ERR! node -v v16.14.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok 
npm ERR! Build failed with error code: 1

Any suggestions for where I am going wrong?

[crynobone]

As mentioned in the documentation, use Node 14. Node 16 support will only be available for the upcoming Nova 4.

[falconsmilie]

Thanks for the quick reply @crynobone. I can't see anything in the docs i linked to (above) about node version support. I see now it is listed on the requirements page.

I switched to node 14, deleted the tool's node_modules folder, and ran the artisan create command again, but got much the same result. I did install the peer dependency, but it only removed the WARN below. Please forgive my ignorance, i am realtively new to npm.

gyp ERR! configure error 
gyp ERR! stack Error: Command failed: .../.pyenv/shims/python -c import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack   File "<string>", line 1
gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
gyp ERR! stack SyntaxError: Missing parentheses in call to 'print'. Did you mean print(...)?
gyp ERR! stack 
gyp ERR! stack     at ChildProcess.exithandler (child_process.js:383:12)
gyp ERR! stack     at ChildProcess.emit (events.js:400:28)
gyp ERR! stack     at maybeClose (internal/child_process.js:1058:16)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:293:5)
gyp ERR! System Darwin 21.2.0
gyp ERR! command "/opt/homebrew/Cellar/node@14/14.19.0/bin/node" ".../nova-components/NovaUserUpload/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd .../nova-components/NovaUserUpload/node_modules/node-sass
gyp ERR! node -v v14.19.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok 
Build failed with error code: 1
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=0.10.0 <7"} (current: {"node":"14.19.0","npm":"6.14.16"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN [email protected] requires a peer of ajv@^6.9.1 but none is installed. You must install peer dependencies yourself.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

[crynobone]

npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=0.10.0 <7"} (current: {"node":"14.19.0","npm":"6.14.16"})

[falconsmilie]

Are you implying i go back to node 7? I don't think i can do that :D

got is not a dependency i have added. This is a dependency of the initial Tool package setup, and it looks as though the issue is with; "laravel-mix": "^1.0",.

IDE was telling me there was a conflict, because my project is using "laravel-mix": "^6.0.39". So i switched it out with version ^1.0, and then started getting the same errors for the root application npm install, like i did with the tool npm install.

Changing the Tool's package.json to "laravel-mix": "^6.0.39" allowed the build to go through. But i suspect this will just cause other issues elsewhere.

I see already that resources/js/components/tool.jscannot resolve the Tool.vue component file when i run npm run dev (also had to remove the unrecognised flag on that command).

What a nightmare :) I'm just trying to create a tool using the artisan command. Does this Tool feature work out of the box, or do i need to continue with hacking it up?

[crynobone]

If you read the error, it seem that the installed got depa work for node 7 and you have node 14 installed. That's a dep that you added on your own so why are you arguing "out of the box" issue?

[falconsmilie]

Sorry i didn't mean to give the impression i'm arguing. I have no dependency on got in my projects node_modules folder.

The only time i get this error is when i try to install the dependencies for the Nova Tool. got shows up in the Tool's node_modules folder.

This error does not occur anywhere else.

In any case, thanks for your time, appreciate it. I'll try and find another solution.