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

Question

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

我使用的是带有gull和htmlWebpackPlugin的webpack流。下面是我的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

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