Soy nuevo en el paquete web. Recientemente, quería encontrar una manera de ver archivos PDF en uno de mis proyectos. Descubrí una biblioteca llamada "react-pdf" ( https://www.npmjs.com/package/react-pdf ) y decidí experimentar con ella. Cuando lo usé en un proyecto de reacción de prueba (npx create-react-app), todo funcionó bien, pero cuando lo introduje en el proyecto real, usando Nextjs, las cosas salieron mal.
import placeholder from "../src/placeholder.pdf""Cada vez que el servidor se recarga aparece este error: * error - ./assets/pdf/placeholder.pdf Error al analizar el módulo: Token inesperado (1:0) Es posible que necesite un cargador adecuado para manejar este tipo de archivo, actualmente no hay cargadores configurados para procesar este archivo. Ver https://webpack.js.org/concepts#loaders (Código fuente omitido para este archivo binario)*
Esta es la configuración del paquete web:
const path = require('path'); module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist'), }, module: { rules: [ { test: /\.pdf$/i, type: 'asset/resource', generator: { filename: `[name][ext]` } } ], }, mode: 'development' };¿Qué estoy haciendo mal?
siguiente.config.js
module.exports = { webpack: (config, options) => { config.module.rules.push({ test: /\.pdf$/i, type: 'asset/source' }) return config }, }