Nuxt

Aprende más sobre Nuxt en https://nuxt.com. Esta guía es precisa a partir de Nuxt 3.7.

Checklist

• Usa SSG estableciendo ssr: false. Tauri no soporta soluciones basadas en el servidor.
• Configura el host a 0.0.0.0.
• Usa dist/ como distDir en tauri.conf.json.
• Compila usando nuxi generate.
• (Opcional): Deshabilita la telemetría estableciendo telemetry: false en nuxt.config.ts.

Ejemplo de Configuración

1. Actualiza la configuración de Tauri:

npm

tauri.conf.json

{
  "build": {
    "beforeDevCommand": "npm run dev",
    "beforeBuildCommand": "npm run generate",
    "devPath": "http://localhost:3000",
    "distDir": "../dist"
  }
}

yarn

tauri.conf.json

{
  "build": {
    "beforeDevCommand": "yarn dev",
    "beforeBuildCommand": "yarn generate",
    "devPath": "http://localhost:3000",
    "distDir": "../dist"
  }
}

pnpm

tauri.conf.json

{
  "build": {
    "beforeDevCommand": "pnpm dev",
    "beforeBuildCommand": "pnpm generate",
    "devPath": "http://localhost:3000",
    "distDir": "../dist"
  }
}

2. Actualiza la configuración de Nuxt:

export default defineNuxtConfig({
  // (opcional) Habilita las herramientas de desarrollo de Nuxt
  devtools: { enabled: true },
  // Habilita SSG
  ssr: false,
  vite: {
    // Mejor soporte para la salida de Tauri CLI
    clearScreen: false,
    // Habilita las variables de entorno
    // Las variables de entorno adicionales se pueden encontrar en
    // https://v2.tauri.app/reference/environment-variables/
    envPrefix: ['VITE_', 'TAURI_'],
    server: {
      // Tauri requiere un puerto consistente
      strictPort: true,
      // Habilita el servidor de desarrollo para pueda ser accedido por otros dispositivos para el desarrollo móvil
      host: '0.0.0.0',
      hmr: {
        // Usa un websocket para la recarga rápida en móviles
        protocol: 'ws',
        // Asegúrate de que esté disponible en la red
        host: '0.0.0.0',
        // Usa un puerto específico para hmr
        port: 5183,
      },
    },
  },
});