title: How to fix "Conflict: Multiple assets emit to the same filename" error in Webpack?
body: <p>Webpack is giving me this error for some reason:</p>
  
  <pre><code>ERROR in chunk html [entry]
  appN.js
  Conflict: Multiple assets emit to the same filename appN.js
  </code></pre>
  
  <p>Is it because of the use of "App" in the names of my files? </p>
  
  <p>This my webpack.config.js file:</p>
  
  <pre><code>const path = require('path');
  
  module.exports = {
    context: __dirname + "/app",
  
    entry: {
      javascript: "./js/app.js",
      html: "./index.html",
    },
  
    output: {
      filename: "appN.js",
      path: __dirname + "/dist",
      //chunkFilename: '[id].[chunkhash].js'
    },
  
    resolve: {
      alias: { 'react/lib/ReactMount': 'react-dom/lib/ReactMount' },
      extensions: [ '*', '.js', '.jsx', '.json'],
      modules:[__dirname, './app/js', 'node_modules'],
    },
  
    module: {
      rules: [
        {
          test: /\.jsx?$/,
          include: [
            path.resolve(__dirname, "app")
          ],
          loaders: ["babel-loader"],
        },
        {
          test: /\.html$/,
          loader: ["file-loader?name=[name].[ext]"],
        }
      ],
    },
  }
  </code></pre>
  
  <p>What is causing this error and how can I fix it?</p>