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!
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 paradev
sería:Y luego puedes acceder a
dev
como cualquier otra variable en tu objeto de configuración:Esto debería resolver el error que estás viendo con
$app
.