Error al compilar Webpack React

hace 5 años

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 4:27-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: &#34;style-loader&#34; },
    //   // css-loader
    //   { loader: &#34;css-loader&#34; }
    // ]
  }
]

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 }) ] };

Escribe una respuesta