Hola, estoy desarrollando un proyecto con Webpack y React pero me sale este error al compilar, he buscado y no he podido encontrar la solución. Espero me puedan ayudar.
ERROR in ./src/index.jsx Module not found: Error: Can't resolve './components/App' in 'D:\src' @ ./src/index.jsx 3:0-35 -30
Este es mi código del archivo webpack.config.js
const webpack = require("webpack"); const HtmlWebpackPlugin = require("html-webpack-plugin"); const path = require("path"); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const cssModules ="modules&importLoaders=1&localIdentName=[name][local][hash:base64:5]";
module.exports = { mode: "production", entry: "./src/index.jsx", output: { path: path.resolve(__dirname, "build"), filename: "app.js" }, module: { rules: [ { test: /(.js|jsx)$/, exclude: /node_modules/, use: "babel-loader" },
{
test: /\.css$/,
exclude: /node_modules/,
use: [
{
loader: MiniCssExtractPlugin.loader
},
`style-loader!css-loader?${cssModules}`
]
// use: [
// // style-loader
// { loader: "style-loader" },
// // css-loader
// { loader: "css-loader" }
// ]
}
]
},
devServer: { host: "0.0.0.0", port: 8080, inline: true },
plugins: [ new HtmlWebpackPlugin({ filename: "index.html", template: "./src/assets/index.html" }), new MiniCssExtractPlugin({ // Options similar to the same options in webpackOptions.output // all options are optional filename: "[name].css", chunkFilename: "[id].css", ignoreOrder: false // Enable to remove warnings about conflicting order }) ] };