All my code runs twice when compiled by Webpack

Question

When I build my js bundle with webpack using webpack-dev-server my code runs twice every time. Not sure how to fix it.

Screenshot of Developer Tools console

My webpack config:

var path = require('path'); var webpack = require('webpack'); var HtmlWebpackPlugin = require('html-webpack-plugin'); var CopyWebpackPlugin = require('copy-webpack-plugin');  module.exports = {   devtool: 'cheap-eval-sourcemap',   entry: [     'webpack-dev-server/client?http://localhost:8080',     'webpack/hot/dev-server',     path.join(__dirname, '../src/main')   ],   output: {     path: path.join(__dirname, '../dist'),     filename: 'bundle.js'   },   plugins: [     new webpack.HotModuleReplacementPlugin(),     new webpack.optimize.OccurenceOrderPlugin(),     new HtmlWebpackPlugin({       template: path.join(__dirname, '../src/index.html')     }),     new CopyWebpackPlugin([       {         from: path.join(__dirname, '../assets'),         to: path.join(__dirname, '../dist/assets')       }     ])   ],   devServer: {     contentBase: path.join(__dirname, '../dist'),     outputPath: '/lol',     hot: true   },   module: {     loaders: [       {         test: /\.js$/,         loaders: ['babel-loader'],         include: path.join(__dirname, '../src')       }     ]   } }; 

Answer 1

in the template file you might have manually added a loading the bundle.

If you don't have the

inject: false  

option in

new HtmlWebpackPlugin({     template: path.join(__dirname, '../src/index.html') }), 

the bundle will get added again.