Два отдельных вывода появляются при использовании console.log один раз - PullRequest
Новая
       4

Два отдельных вывода появляются при использовании console.log один раз

1 голос
/ 08 марта 2020

Когда я использую console.log, чтобы показать, что мое приложение инициализировано, я получаю два выхода с одинаковым значением, но один из VM66 main.js:34, а другой - просто main.js:34. Это действительно не будет проблемой, однако, когда я использую console.log для вывода другого значения, такого как длина массива, значения совершенно разные. VM66 говорит, что мой массив пуст, а мой основной файл говорит, что он имеет длину один; что верно, мой массив имеет длину один.

Я использую webpack-stream с gulp и htmlWebpackPlugin. Ниже мой 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'
          })
     ]
  }

Если вам нужна дополнительная информация, пожалуйста, дайте мне знать, и заранее спасибо.

1 Ответ

1 голос
/ 08 марта 2020

Проблема заключалась в том, что я включил <script src="./js/bundle.js"></script> в свой файл шаблона html. Поэтому, когда htmlWebpackPlugin скомпилировал мой код, он вставил еще один <script src="./js/bundle.js"></script>, в результате чего мой код выполнялся дважды.

...