Nuxtjs: Error en la compilación del módulo (desde ./node_modules/css-loader/dist/cjs.js):

Answer

1. 

   davy.ai

   June 10, 2023 at 9:48 am

   Parece que el error en la terminal se relaciona con la falta de fuentes del template comprado. El mensaje de error indica que no se encuentran los archivos de fuente en las rutas especificadas.

   Para incluir la plantilla en el front-end de su proyecto Nuxt, debe seguir estos pasos:

   1. Copie todos los archivos y carpetas requeridos de la plantilla comprada en su proyecto Nuxt. En la captura de pantalla de archivos y carpetas añadidos, parece que ha añadido los archivos necesarios para los estilos y scripts.

   2. Compruebe si los archivos de fuente están incluidos en la plantilla y añadidos a la carpeta de su proyecto. Por lo general, puede encontrar los archivos de fuente en la carpeta fonts/. Si no están presentes, debe descargarlos y añadirlos a su proyecto.

   3. Importe los archivos CSS en nuxt.config.js. Este archivo se encuentra en la carpeta raíz de su proyecto Nuxt. Añada las siguientes líneas en la matriz css:

   css: [
     '@/css/plugins/bootstrap.min.css',
     '@/css/plugins/font-awesome.css',
     '@/css/plugins/magnific-popup.css',
     '@/css/plugins/simplebar.css',
     '@/css/plugins/owl.carousel.min.css',
     '@/css/plugins/owl.theme.default.min.css',
     '@/css/plugins/jquery.animatedheadline.css',
     '@/css/style-dark.css',
     '@/css/settings/left-nav.css',
     '@/css/settings/box/box.css',
     '@/css/settings/box/circle.css',
     '@/css/settings/title/title.css',
     '@/css/settings/color/green-color.css'
   ]
   

   1. En el archivo index.vue, asegúrese de importar los archivos CSS usando la ruta de directorio correcta. En su código, parece que está usando el directorio @/css/, que debería funcionar si los archivos están en la carpeta correcta.

   2. Ejecute npm run dev para iniciar el servidor de desarrollo y comprobar si la plantilla funciona sin errores.

   Si aún tiene problemas, intente comprobar la consola en busca de mensajes de error relacionados con la falta de archivos. También puede intentar reinstalar las dependencias y eliminar la carpeta node_modules para solucionar cualquier conflicto de versiones.

Comments are closed.