0

Quise hacer un build de aplicación Vite + React, el build sale bien pero cuando hago npm run preview, no funciona.

vite.config.js

import { defineConfig } from "vite"
import react from "@vitejs/plugin-react"
import commonjs from '@rollup/plugin-commonjs';

export default defineConfig(async () => {
  const mdx = await import("@mdx-js/rollup")
  return {
    optimizeDeps: {
      include: ["react/jsx-runtime"],
    },
    plugins: [react(), mdx.default({ remarkPlugins: [] }), commonjs(), external({
      includeDependencies: true
    }),],

  }
})

ERROR: Uncaught TypeError: Failed to resolve module specifier "vite/modulepreload-polyfill". Relative references must start with either "/", "./", or "../".

Prueba solución Siguiendo: https://vitejs.dev/config/build-options#build-polyfillmodulepreload

import external from "rollup-plugin-peer-deps-external";
import { defineConfig } from "vite"
import react from "@vitejs/plugin-react"
import commonjs from '@rollup/plugin-commonjs';

export default defineConfig(async () => {
  const mdx = await import("@mdx-js/rollup")
  return {
    optimizeDeps: {
      include: ["react/jsx-runtime"],
    },
    plugins: [react(), mdx.default({ remarkPlugins: [] }), commonjs(), external({
      includeDependencies: true
    }),],
    build: {
      polyfillModulePreload: false
    }
  }
})


Nuevo ERROR: Uncaught TypeError: Failed to resolve module specifier "react/jsx-runtime". Relative references must start with either "/", "./", or "../".

1 respuesta 1

0

Al final, luego de investigar bastante, los plugins instalados en el config tienen muchos progblemas de versionados, así que lo primero que hice fue borrar vite.config.js y buildear. Con eso ya funcionó tanto el build como el preview.

Finalmente, quería hostear en un determinado puerto así que agregué este vite.config.js que funcionó a la perfección:


    import { defineConfig } from 'vite';
    import react from '@vitejs/plugin-react';
    export default defineConfig({
        plugins: [react()],

        server: {host: '85.31.63.27', port: 81 }})

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.