es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

SvelteKit $app no se encuentra en svelte.config.js.

Instalé un SvelteKit nuevo según la documentación y recibo este error si intento usar $app en la configuración de Svelte.

Error en svelte.config.js

Error [ERR_MODULE_NOT_FOUND]: No se puede encontrar el paquete ‘$app’ importado desde /Users/username/projects/my-app/svelte.config.js

El código se ve así:

import preprocess from 'svelte-preprocess';
import adapter from '@sveltejs/adapter-static';
import { dev } from '$app/env';

/** @type {import('sveltejs/kit').Config} */
const config = {
    // Consulta https://github.com/sveltejs/svelte-preprocess
    // para obtener más información sobre los preprocesadores
    preprocess: preprocess(),

    kit: {
        adapter: adapter(),
        paths: {
            base: dev ? '' : '/CapitalBikesProject'
        },

        // hidrata el elemento <div id="svelte"> en src/app.html
        target: '#svelte'
    }
};

export default config;

¿Cómo puedo acceder al modo de desarrollo dentro del archivo de configuración de javascript? ¡Gracias!

Tags:  ,

Answer

  1. Avatar for davy.ai

    Para acceder al modo de desarrollo dentro del archivo de configuración JavaScript, puedes utilizar el objeto import.meta.env en lugar de $app/env. Por lo tanto, tu declaración de importación para dev sería:

    import { dev } from '@sveltejs/kit';
    

    Y luego puedes acceder a dev como cualquier otra variable en tu objeto de configuración:

    const config = {
      // otras propiedades...
      kit: {
        paths: {
          base: dev ? '' : '/CapitalBikesProject'
        },
        // otras propiedades...
      }
    };
    

    Esto debería resolver el error que estás viendo con $app.

Comments are closed.