AntoineW/luge

"Could not find a declaration file for module '@waaark/luge'

Closed this issue · 10 comments

Bonjour Antoine,
Tout d'abord merci pour pour Luge!
Je suis de débutant qui test des trucs avec Luge je m'amuse beaucoup!
j'ai essayé de l'installer via npm mais j'ai ce problème:
voici l'erreur

 "Could not find a declaration file for module '@waaark/luge'. 'E:/32bits/32_bits/node_modules/@waaark/luge/dist/js/luge.esm.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/waaark__luge` if it exists or add a new declaration (.d.ts) file containing `declare module '@waaark/luge';`ts(7016)ç"

Merci de ton aide :)
Dernière petite suggestion, se serait hyper cool pour les débutants d'avoir des exemples sur codepen comme tu l'as fait avec le custom cursor:
j'essaye de faire des transitions et des preloaders avec des lotties mais il ne se passe rien je n'ai aucune référence sur le web pour m'aider.
Je sais que ça prend beaucoup de temps mais un jour pourquoi pas :).
Merci encore!

Hello et merci 🙏
On dirait que tu essayes d'utiliser luge en TypeScript ? Je n'ai jamais essayé mais je ne suis pas sur que ça marche.
Tu peux peut-être essayer d'ignorer l'erreur en utilisant // @ts-ignore

Merci de ta réponse!
Au final j'ai mis directement le js et css dans min projet.
Pour les animations de preloader et transitions de pages, je suis tout comme indiqué dans la doc, et au moment de la transition il nz se passe rien y a t-il des trucs à faire côté javascript ?
J'utilise une animation json
Merci encore de ton aide :)

Là comme ça c'est dur à dire, tu peux partager ton code?

image
image
Voilà
Merci encore de ton aide

Est-ce que tu as une erreur dans la console ? C'est peut être le chemin vers le fichier JSON qui n'est pas bon, tu as essayé sans le / ?

image
j'ai enlevé le / et je n'ai aucune erreur dans la console.
il suffit juste de mettre
<div data-lg-preloader="lottie" data-lg-preloader-in="99274-loading.json"></div>
et luge.settings({ preloader: { duration: 8 } })?
Je l'ai pris là mon lottie si ça peut aider.
Merci encore j'aimerais trop que ça marche j'adore Luge :)

Le preloader lottie n'est pas prévu pour afficher un loader comme ça, c'est plutôt pensé pour faire quelque chose comme ça https://legacy.waaark.com, où l'animation lottie remplie tout l'écran.

Dans ton cas, pour avoir un loader au centre de l'écran, il faut plutôt le faire comme ça https://codepen.io/wodniack/pen/yLpGdVW

Déjà chapeau pour ce magnifique site https://legacy.waaark.com/!
J'ai fait exactement la même chose que toi maintenant j'ai bien un fond clair qui dure 5 sec quand je rafraichis mais pas d'animation ):.
J'ai réessayé d'installer luge via npm mais toujours ce problème:

luge
Merci encore de ton aide @AntoineW

Tu as bien chargé lottie aussi en amont ? Ce n'est pas intégré dans luge, tu dois le charger à part https://github.com/airbnb/lottie-web#html-player-installation

ça fonctionne!!
c'est trop cool :) désolé je suis à la lettre la doc mais sans exprérience il y a certaines choses qui m'échappent .
Merci encore de ta précieuse aide :)