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

Question

当我使用 console.log 显示我的应用程序已初始化时，我得到两个具有相同值的输出，但一个来自 VM66 main.js:34，另一个来自 [=14] =].这真的不是问题，但是，当我使用 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'
          })
     ]
  }

如果您需要更多信息，请告诉我，在此先感谢您。

Answer 1

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

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

Two separate outputs appearing when using console.log once

javascript

console.log

gulp

webpack