$gsap is of type unknown? about nuxt-gsap

[ivodolenc]

Hi, I just tested it (followed official docs) and the module works fine, the types are imported as expected.

Example

<template>
  <div>
    <h1 class="title">Nuxt Gsap</h1>
  </div>
</template>

<script setup lang="ts">
  const { $gsap } = useNuxtApp()

  onMounted(() => {
    $gsap.to('.title', { rotation: 3, x: 100, duration: 1 })
  })
</script>

Versions

• nuxt: 3.7.0
• @hypernym/nuxt-gsap: 2.2.2

[torstah]

Thanks. Very strange indeed. I’ve tried reinstalling, deleted both node_modules and .Nuxt folder Any hints? tors 7 sep. 2023 kl. 10:11 skrev Ivo Dolenc ***@***.***>:

…

Hi, I just tested it (followed official docs) and the module works fine, the types are imported as expected. Example <template> <div> <h1 class="title">Nuxt Gsap</h1> </div></template> <script setup lang="ts"> const { $gsap } = useNuxtApp() onMounted(() => { $gsap.to('.title', { rotation: 3, x: 100, duration: 1 }) })</script> <https://user-images.githubusercontent.com/51852491/266249759-b4710aca-f27e-48fb-871e-7ccc3439df7f.png> <https://user-images.githubusercontent.com/51852491/266249764-1725b251-1a8e-417e-8661-46c601d5421b.png> Versions - nuxt: 3.7.0 - @hypernym/nuxt-gsap: 2.2.2 — Reply to this email directly, view it on GitHub <#51 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AACILI3BAIKNBAHCYKJLSHTXZF6TFANCNFSM6AAAAAA4NM2UOI> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[ivodolenc]

Sorry, I can't help you without a reproduction. Feel free to provide an example repo if you find any issues.

I'm closing this as resolved since no code has been shared that indicates the problem.

[klren0312]

I also have this problem

[ivodolenc]

Hi @klren0312, can you provide more information? It would be best if you could share a link to a minimal reproduction on github, codesandbox etc so I can see where the problem is. Without seeing the code I can't help much.

Have you tried deleting the node_modules and .nuxt directory and reinstalling the dependencies as mentioned above?

[klren0312]

Hi @klren0312, can you provide more information? It would be best if you could share a link to a minimal reproduction on github, codesandbox etc so I can see where the problem is. Without seeing the code I can't help much.

Have you tried deleting the node_modules and .nuxt directory and reinstalling the dependencies as mentioned above?

not work
I create the new project, it also not work
and in .nuxt/gsapPlugin.d.ts, Cannot find module '#app'

this is my project link https://github.com/klren0312/gsapproblem

[ivodolenc]

@klren0312 Thanks for the link, this was really helpful.

The repo works as expected for me.

Here are the steps I took:

1. Download the repo from Github.
2. Open VSCode, drag the repo folder to the editor.
3. Run npm i command to install all dependencies.
   • (Nuxt will automatically generate the .nuxt dir because the package has a postinstall script defined)
4. Optionally, run npm run dev to open the dev server.

---

Try a few more times, sometimes it can be something very simple like restarting the VSCode editor or maybe just restarting the TypeScript server inside VSCode etc.

Also, delete and reinstall the node_modules and .nuxt directories.

I know this can be stressful, but right now this is the price for auto-generated types in complex projects/frameworks, it can very easily get complicated where it shouldn't be.

---

Feel free to open a new issue if it still occurs.

[klren0312]

It works today, maybe the editor problem