一次使用 console.log 时出现两个单独的输出答案

【问题标题】：Two separate outputs appearing when using console.log once一次使用 console.log 时出现两个单独的输出
【发布时间】：2020-03-08 17:42:59
【问题描述】：

当我使用console.log 显示我的应用程序已初始化时，我得到两个具有相同值的输出，但一个来自VM66 main.js:34，另一个来自main.js:34。但是，这确实不是问题，但是，当我使用 console.log 输出另一个值（例如数组的长度）时，这些值完全不同。 VM66 说我的数组是空的，我的主文件说它的长度为 1；没错，我的数组长度为 1。

我正在使用带有 gulp 和 htmlWebpackPlugin 的 webpack-stream。以下是我的webpack.config.js 文件

module.exports = 
{
entry: "./src/editor/js/main.js",
    output: {
      path: __dirname + "./devBuild/editor/js",
      filename: "bundle.js"
    },
    module: {
      rules: [
      {
        test: /\.(js)$/,
        exclude: /(node_modules)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
      ]
    },
      mode: "development",
      plugins: [
          new HtmlWebpackPlugin({
              title: "Developer version" ,
              template: __dirname + "/src/editor/index.html",
              filename: __dirname + './devBuild/editor/index.html'
          })
     ]
  }

如果您需要更多信息，请告诉我，并提前感谢您。

【问题讨论】：

标签： javascript webpack gulp console.log

【解决方案1】：

问题是我已经在我的模板 html 文件中包含了<script src="./js/bundle.js"></script>。因此，当 htmlWebpackPlugin 编译我的代码时，它插入了另一个 <script src="./js/bundle.js"></script>，导致我的代码运行了两次。

【讨论】：