Tag: SVELTE-3
En un componente Svelte, estoy tratando de acceder a un objeto que configuré en mi archivo de configuración de Rollup. Mi archivo rollup.config.js se ve así: import replace from ‘@rollup/plugin-replace’; … export default { … replace({ foo: JSON.stringify({ bar: ‘Hola’ }), }), … En mi componente Svelte, un simple console.log(foo) . . . Read more
Quiero importar la variable “score” desde otro archivo llamado ‘scores.js’, pero me sigue dando un error al ejecutar las aplicaciones de Svelte. ¿Alguna idea de cómo solucionar el error? store.js import { writable } from ‘svelte/store’; export let score = writable(0); Quiz.svelte import { score } from ‘./stores.js’; function getANewQuiz() . . . Read more
Estoy configurando svelte.config.js como se muestra en el código a continuación: import preprocess from ‘svelte-preprocess’; const config = { preprocess: preprocess(), }; export default config; De repente, mis códigos de Svelte siguen mostrando el error Error in svelte.config.js SyntaxError: Cannot use import statement outside a module ¿Cómo puedo solucionar este . . . Read more
https://tailwindcss.com/docs/background-image#arbitrary-values Así es como quiero utilizar la función de imagen de fondo de Tailwind. Esto no funciona con SvelteKit next 160 y Tailwind 3.0.9. Código: <script> import globe from ‘$assets/bg/bg_globe2.png’ </script> <div class=”flex flex-col bg-primary-dark h-64 overflow-hidden bg-no-repeat bg-[right_-14rem_bottom_-10rem] bg-[url(‘{$globe}’)]”> //children </div> La clase bg-[right_-14rem_bottom_-10rem] funciona sin problemas, así que . . . Read more
Hola, tengo una aplicación de preguntas que muestra preguntas de opción múltiple en un bucle. Las opciones se muestran mediante un botón al cual le doy un bucle usando {#each}. Estaba intentando desactivar un botón después de hacer clic en él, pero no funcionó. ¿Cómo puedo desactivar un solo botón . . . Read more