
Paquete.json
{ "name": "frontend", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "bootstrap": "^5.1.3", "isomorphic-fetch": "^3.0.0", "next": "12.0.7", "react": "^17.0.2", "react-dom": "^17.0.2", "reactstrap": "^9.0.1", "babel-minify-webpack-plugin": "^0.3.0", "extract-text-webpack-plugin": "^3.0.2", "install": "^0.10.4", "npm": "^5.6.0" }, "devDependencies": { "@babel/preset-react": "^7.16.7", "eslint": "8.6.0", "eslint-config-next": "12.0.7", "babel-core": "^6.26.0", "babel-loader": "^7.1.3", "babel-preset-es2015": "^6.24.1", "css-loader": "^0.28.10", "style-loader": "^0.20.2", "webpack": "^4.0.0" } }La salida de su consola indica que Webpack no comprende algún tipo de archivo que está tratando de usar en su aplicación. Un webpack.config.js típico puede verse así:
module.exports = { module: { rules: [ { test: /\.jsx/, loader: "babel-loader", }, ], }, }Esto le dice a Webpack que maneje archivos .jsx con el cargador "babel-loader".
Parece que olvidó proporcionar un cargador para el tipo de archivo que usó en SigninComponent.