Typecheck error [v0.11.0]

[maxdzin]

🐛 The bug

The type check pnpm typecheck failed with errors:

node_modules/.pnpm/@nuxt+scripts@0.11.0_@unhead+vue@2.0.0-rc.9_vue@3.5.13_typescript@5.8.2___db0@0.3.1_ior_fe4ad10e210ec3a63dc66c405a2719e7/node_modules/@nuxt/scripts/dist/runtime/components/ScriptCrisp.vue:45:13 - error TS7006: Parameter 'instance' implicitly has an 'any' type.

45   onLoaded((instance) => {
               ~~~~~~~~

node_modules/.pnpm/@nuxt+scripts@0.11.0_@unhead+vue@2.0.0-rc.9_vue@3.5.13_typescript@5.8.2___db0@0.3.1_ior_fe4ad10e210ec3a63dc66c405a2719e7/node_modules/@nuxt/scripts/dist/runtime/components/ScriptIntercom.vue:51:13 - error TS7006: Parameter 'instance' implicitly has an 'any' type.

51   onLoaded((instance) => {
               ~~~~~~~~

node_modules/.pnpm/@nuxt+scripts@0.11.0_@unhead+vue@2.0.0-rc.9_vue@3.5.13_typescript@5.8.2___db0@0.3.1_ior_fe4ad10e210ec3a63dc66c405a2719e7/node_modules/@nuxt/scripts/dist/runtime/components/ScriptLemonSqueezy.vue:30:24 - error TS7031: Binding element 'Setup' implicitly has an 'any' type.

30   instance.onLoaded(({ Setup, Refresh }) => {
                          ~~~~~

node_modules/.pnpm/@nuxt+scripts@0.11.0_@unhead+vue@2.0.0-rc.9_vue@3.5.13_typescript@5.8.2___db0@0.3.1_ior_fe4ad10e210ec3a63dc66c405a2719e7/node_modules/@nuxt/scripts/dist/runtime/components/ScriptLemonSqueezy.vue:30:31 - error TS7031: Binding element 'Refresh' implicitly has an 'any' type.

30   instance.onLoaded(({ Setup, Refresh }) => {
                                 ~~~~~~~

node_modules/.pnpm/@nuxt+scripts@0.11.0_@unhead+vue@2.0.0-rc.9_vue@3.5.13_typescript@5.8.2___db0@0.3.1_ior_fe4ad10e210ec3a63dc66c405a2719e7/node_modules/@nuxt/scripts/dist/runtime/components/ScriptLemonSqueezy.vue:32:20 - error TS7006: Parameter 'event' implicitly has an 'any' type.

32       eventHandler(event) {
                      ~~~~~


Found 5 errors in 3 files.

Errors  Files
     1  node_modules/.pnpm/@nuxt+scripts@0.11.0_@unhead+vue@2.0.0-rc.9_vue@3.5.13_typescript@5.8.2___db0@0.3.1_ior_fe4ad10e210ec3a63dc66c405a2719e7/node_modules/@nuxt/scripts/dist/runtime/components/ScriptCrisp.vue:45
     1  node_modules/.pnpm/@nuxt+scripts@0.11.0_@unhead+vue@2.0.0-rc.9_vue@3.5.13_typescript@5.8.2___db0@0.3.1_ior_fe4ad10e210ec3a63dc66c405a2719e7/node_modules/@nuxt/scripts/dist/runtime/components/ScriptIntercom.vue:51
     3  node_modules/.pnpm/@nuxt+scripts@0.11.0_@unhead+vue@2.0.0-rc.9_vue@3.5.13_typescript@5.8.2___db0@0.3.1_ior_fe4ad10e210ec3a63dc66c405a2719e7/node_modules/@nuxt/scripts/dist/runtime/components/ScriptLemonSqueezy.vue:30

 ERROR  Process exited with non-zero status (2)                                                 12:42:19 AM

    at R._waitForOutput (node_modules/.pnpm/tinyexec@0.3.2/node_modules/tinyexec/dist/main.js:530:13)
    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
    at async Object.run (node_modules/.pnpm/@nuxt+cli@3.22.5_magicast@0.3.5/node_modules/@nuxt/cli/dist/chunks/typecheck.mjs:44:7)
    at async runCommand (node_modules/.pnpm/citty@0.1.6/node_modules/citty/dist/index.mjs:316:16)
    at async runCommand (node_modules/.pnpm/citty@0.1.6/node_modules/citty/dist/index.mjs:307:11)
    at async runMain (node_modules/.pnpm/citty@0.1.6/node_modules/citty/dist/index.mjs:445:7) 



 ERROR  Process exited with non-zero status (2)                                                 12:42:19 AM

 ELIFECYCLE  Command failed with exit code 1.

🛠️ To reproduce

https://stackblitz.com/edit/nuxt-starter-zfwzy3du

🌈 Expected behavior

No errors produced by pnpm typecheck

ℹ️ Additional context

Steps to reproduce:

1. Go to reproduction URL.
2. Launch pnpm typecheck in the terminal.
3. See the error output.

[huang-julien]

Does it still happen ? I could'nt reproduce it in a bare repo

[harlan-zw]

I pushed a fix but I when testing it wasn't working for me so I re-opened, but maybe it did work 🤔 Will wait for OP to confirm

[maxdzin]

Thank you for looking into this issue.

No, it's not working. I just updated the reproduction to use @nuxt/scripts v0.11.1 and still, there are typecheck errors:

❯ pnpm typecheck

> @ typecheck /home/projects/nuxt-starter-zfwzy3du
> nuxi typecheck


 WARN  Slow module @nuxt/devtools took 19558.62ms to setup.                           9:59:06 AM

node_modules/.pnpm/@nuxt+scripts@0.11.1_@unhead+vue@2.0.0-rc.9_nuxt@3.16.0_typescript@5.8.2/node_modules/@nuxt/scripts/dist/runtime/components/ScriptCrisp.vue:45:13 - error TS7006: Parameter 'instance' implicitly has an 'any' type.

45   onLoaded((instance) => {
               ~~~~~~~~

node_modules/.pnpm/@nuxt+scripts@0.11.1_@unhead+vue@2.0.0-rc.9_nuxt@3.16.0_typescript@5.8.2/node_modules/@nuxt/scripts/dist/runtime/components/ScriptIntercom.vue:51:13 - error TS7006: Parameter 'instance' implicitly has an 'any' type.

51   onLoaded((instance) => {
               ~~~~~~~~

node_modules/.pnpm/@nuxt+scripts@0.11.1_@unhead+vue@2.0.0-rc.9_nuxt@3.16.0_typescript@5.8.2/node_modules/@nuxt/scripts/dist/runtime/components/ScriptLemonSqueezy.vue:30:24 - error TS7031: Binding element 'Setup' implicitly has an 'any' type.

30   instance.onLoaded(({ Setup, Refresh }) => {
                          ~~~~~

node_modules/.pnpm/@nuxt+scripts@0.11.1_@unhead+vue@2.0.0-rc.9_nuxt@3.16.0_typescript@5.8.2/node_modules/@nuxt/scripts/dist/runtime/components/ScriptLemonSqueezy.vue:30:31 - error TS7031: Binding element 'Refresh' implicitly has an 'any' type.

30   instance.onLoaded(({ Setup, Refresh }) => {
                                 ~~~~~~~

node_modules/.pnpm/@nuxt+scripts@0.11.1_@unhead+vue@2.0.0-rc.9_nuxt@3.16.0_typescript@5.8.2/node_modules/@nuxt/scripts/dist/runtime/components/ScriptLemonSqueezy.vue:32:20 - error TS7006: Parameter 'event' implicitly has an 'any' type.

32       eventHandler(event) {
                      ~~~~~

pages/js-confetti.vue:5:35 - error TS2304: Cannot find name 'JSConfettiApi'.

5 const { onLoaded } = useScriptNpm<JSConfettiApi>({
                                    ~~~~~~~~~~~~~

pages/js-confetti.vue:16:35 - error TS2339: Property 'JSConfetti' does not exist on type 'Window & typeof globalThis'.

16       return { JSConfetti: window.JSConfetti };
                                     ~~~~~~~~~~

pages/js-confetti.vue:22:15 - error TS7031: Binding element 'JSConfetti' implicitly has an 'any' type.

22   onLoaded(({ JSConfetti }) => {
                 ~~~~~~~~~~


Found 8 errors in 4 files.

Errors  Files
     1  node_modules/.pnpm/@nuxt+scripts@0.11.1_@unhead+vue@2.0.0-rc.9_nuxt@3.16.0_typescript@5.8.2/node_modules/@nuxt/scripts/dist/runtime/components/ScriptCrisp.vue:45
     1  node_modules/.pnpm/@nuxt+scripts@0.11.1_@unhead+vue@2.0.0-rc.9_nuxt@3.16.0_typescript@5.8.2/node_modules/@nuxt/scripts/dist/runtime/components/ScriptIntercom.vue:51
     3  node_modules/.pnpm/@nuxt+scripts@0.11.1_@unhead+vue@2.0.0-rc.9_nuxt@3.16.0_typescript@5.8.2/node_modules/@nuxt/scripts/dist/runtime/components/ScriptLemonSqueezy.vue:30
     3  pages/js-confetti.vue:5

 ERROR  Process exited with non-zero status (2)                                       9:59:50 AM

    at new x (node_modules/.pnpm/tinyexec@0.3.2/node_modules/tinyexec/dist/main.js:440:5)
    at R._waitForOutput (node_modules/.pnpm/tinyexec@0.3.2/node_modules/tinyexec/dist/main.js:548:13)
    at async Object.run (node_modules/.pnpm/@nuxt+cli@3.22.5/node_modules/@nuxt/cli/dist/chunks/typecheck.mjs:59:7)
    at async runCommand (node_modules/.pnpm/citty@0.1.6/node_modules/citty/dist/index.mjs:337:16)
    at async runCommand (node_modules/.pnpm/citty@0.1.6/node_modules/citty/dist/index.mjs:328:11)
    at async Module.runMain (node_modules/.pnpm/citty@0.1.6/node_modules/citty/dist/index.mjs:466:7) 



 ERROR  Process exited with non-zero status (2)                                       9:59:50 AM

 ELIFECYCLE  Command failed with exit code 1.

[GonzoDivae]

In my project I use version 0.10.5 of @nuxt/scripts and when I updated from Nuxt 3.13.1 to 3.16.0, then I get the same error. It doesn't matter if I stay on this version on @nuxt/scripts or if I update to the newest version (0.11.1), the error is the same.

Edit: I also tested with some older versions of Nuxt and it seems like this only happens since version 3.16.0 of Nuxt. If I go to 3.15.4 and use @nuxt/scripts version 0.10.5, then it works.

[Yizack]

I have come up with a temporary workaround to fix these type errors

Just installing @unhead/schema types package

See: https://stackblitz.com/edit/nuxt-starter-kdxzv9cy

I noticed that the UseScriptContext type was returning any because the AsAsyncFunctionValues type from @unhead/schema was missing in a nuxt app. Explicitly installing the package resolves the issue for now. Nuxt Scripts imports these types here

scripts/src/runtime/types.ts

Lines 1 to 7 in 1b68f36

	import type {
	ActiveHeadEntry,
	AsAsyncFunctionValues,
	DataKeys,
	SchemaAugmentations,
	ScriptBase,
	} from '@unhead/schema'

Note: Would have to consider that @unhead/schema is deprecated in unhead v2 though, and some of the types imported are not available in the new unhead/types path. I hope this helps maintainers with the issue

[Astro-Otter-Space]

Same error for me. Seems to be fixed with installing @unhead/schema . I'll be waiting for real fix :)