Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

254
Views
¿Por qué animejs arroja este error al compilar en el proyecto de esqueleto svelte-kit?

Instalé animejs con npm usando npm install animejs

 <script> import anime from 'animejs'; let heroTimeline = anime.timeline({autoplay: true}); let heroAnimation = { targets: "#hero grow", opacity: { value: [0, 1], duration: 800, easing: 'easeOutExpo', }, scale: { value: [0, 1], duration: 1000, easing: 'easeOutElastic(1, .8)', } } </script>

Este código arroja el siguiente error:

 ReferenceError: window is not defined at makePromise (D:\Sync\Web\portfolio-website\node_modules\animejs\lib\anime.js:927:19) at anime (D:\Sync\Web\portfolio-website\node_modules\animejs\lib\anime.js:933:17) at Function.timeline (D:\Sync\Web\portfolio-website\node_modules\animejs\lib\anime.js:1264:12) at index.svelte:4:39 at Object.$$render (D:\Sync\Web\portfolio-website\node_modules\svelte\internal\index.js:1684:22) at Object.default (root.svelte:38:46) at Object.default (/src/routes/__layout.svelte:12:50) at eval (/src/lib/ThemeContext.svelte:46:41) at Object.$$render (D:\Sync\Web\portfolio-website\node_modules\svelte\internal\index.js:1684:22) at eval (/src/routes/__layout.svelte:11:100)

También recibo el mismo error al importar desde 'animejs/lib/anime.js' y 'animejs/lib/anime.min.js' . Si intento importar desde 'animejs/lib/anime.es.js' me sale el siguiente error:

 D:\Sync\Web\portfolio-website\node_modules\animejs\lib\anime.es.js:1310 export default anime; ^^^^^^ SyntaxError: Unexpected token 'export' at Object.compileFunction (node:vm:352:18) at wrapSafe (node:internal/modules/cjs/loader:1031:15) at Module._compile (node:internal/modules/cjs/loader:1065:27) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12) at Module.require (node:internal/modules/cjs/loader:1005:19) at require (node:internal/modules/cjs/helpers:102:18) at nodeRequire (D:\Sync\Web\portfolio-website\node_modules\vite\dist\node\chunks\dep-85dbaaa7.js:66556:17) at ssrImport (D:\Sync\Web\portfolio-website\node_modules\vite\dist\node\chunks\dep-85dbaaa7.js:66498:20)

Alguna idea de cómo arreglarlo. Aparte de esto, el proyecto es el proyecto de esqueleto esbelto predeterminado generado por svelte-kit.

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Intente usar la función onMount, por ejemplo:

 <script> import { onMount } from 'svelte'; import anime from 'animejs'; onMount(() => { let heroTimeline = anime.timeline({autoplay: true}); </script>

en la función onMount puedes usar vainilla javascrpt

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!