Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

throw new Error('Cyclic dependency: '+JSON.stringify(node)) #981

Closed
darkylmnx opened this issue Jun 16, 2018 · 11 comments
Closed

throw new Error('Cyclic dependency: '+JSON.stringify(node)) #981

darkylmnx opened this issue Jun 16, 2018 · 11 comments

Comments

@darkylmnx
Copy link

darkylmnx commented Jun 16, 2018

Expected behaviour

Just installed the new Vue cli which uses internally webpack 4, I'm expecting evrything to go fine but...

Current behaviour

image

It seems there's a JSON / cyclic problem with your plugin and toposort or something @jantimon

Environment

Windows 10
Console : Cmder

The webpack config is the following
$ vue-cli-service inspect --mode production
{
  mode: 'production',
  context: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F',
  devtool: 'source-map',
  node: {
    setImmediate: false,
    process: 'mock',
    dgram: 'empty',
    fs: 'empty',
    net: 'empty',
    tls: 'empty',
    child_process: 'empty'
  },
  output: {
    path: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\dist',
    filename: 'js/[name].[chunkhash:8].js',
    publicPath: '/',
    chunkFilename: 'js/[name].[chunkhash:8].js'
  },
  resolve: {
    symlinks: false,
    alias: {
      '@': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src',
      vue$: 'vue/dist/vue.runtime.esm.js',
      '@comp': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\components',
      '@compBase': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\components\\Base',
      '@conf': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\config',
      '@api': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\services\\api',
      '@mixins': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\vue-services\\mixins\\index.js',
      '@plugins': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\vue-services\\plugins',
      '@directives': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\vue-services\\directives\\index.js',
      '@img': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\assets\\img',
      '@scss': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\assets\\scss',
      '@scss_vars': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\assets\\scss\\bulma-custom.scss'
    },
    extensions: [
      '.js',
      '.jsx',
      '.vue',
      '.json'
    ],
    modules: [
      'node_modules',
      'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules',
      'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\@vue\\cli-service\\node_modules'
    ]
  },
  resolveLoader: {
    modules: [
      'node_modules',
      'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules',
      'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\@vue\\cli-service\\node_modules'
    ]
  },
  module: {
    noParse: /^(vue|vue-router|vuex|vuex-router-sync)$/,
    rules: [
      {
        test: /\.vue$/,
        use: [
          {
            loader: 'cache-loader',
            options: {
              cacheDirectory: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\.cache\\vue-loader',
              cacheIdentifier: '47fd1b46'
            }
          },
          {
            loader: 'vue-loader',
            options: {
              compilerOptions: {
                preserveWhitespace: false
              },
              cacheDirectory: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\.cache\\vue-loader',
              cacheIdentifier: '47fd1b46'
            }
          }
        ]
      },
      {
        test: /\.(png|jpe?g|gif|webp)(\?.*)?$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 4096,
              name: 'img/[name].[hash:8].[ext]'
            }
          }
        ]
      },
      {
        test: /\.(svg)(\?.*)?$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: 'img/[name].[hash:8].[ext]'
            }
          }
        ]
      },
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 4096,
              name: 'media/[name].[hash:8].[ext]'
            }
          }
        ]
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/i,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 4096,
              name: 'fonts/[name].[hash:8].[ext]'
            }
          }
        ]
      },
      {
        test: /\.pug$/,
        use: [
          {
            loader: 'pug-plain-loader'
          }
        ]
      },
      {
        test: /\.css$/,
        oneOf: [
          {
            resourceQuery: /module/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 2,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            resourceQuery: /\?vue/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            test: /\.module\.\w+$/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 2,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          }
        ]
      },
      {
        test: /\.p(ost)?css$/,
        oneOf: [
          {
            resourceQuery: /module/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 2,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            resourceQuery: /\?vue/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            test: /\.module\.\w+$/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 2,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          }
        ]
      },
      {
        test: /\.scss$/,
        oneOf: [
          {
            resourceQuery: /module/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            resourceQuery: /\?vue/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            test: /\.module\.\w+$/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          }
        ]
      },
      {
        test: /\.sass$/,
        oneOf: [
          {
            resourceQuery: /module/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false,
                  indentedSyntax: true
                }
              }
            ]
          },
          {
            resourceQuery: /\?vue/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false,
                  indentedSyntax: true
                }
              }
            ]
          },
          {
            test: /\.module\.\w+$/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false,
                  indentedSyntax: true
                }
              }
            ]
          },
          {
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false,
                  indentedSyntax: true
                }
              }
            ]
          }
        ]
      },
      {
        test: /\.less$/,
        oneOf: [
          {
            resourceQuery: /module/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'less-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            resourceQuery: /\?vue/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'less-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            test: /\.module\.\w+$/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'less-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'less-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          }
        ]
      },
      {
        test: /\.styl(us)?$/,
        oneOf: [
          {
            resourceQuery: /module/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'stylus-loader',
                options: {
                  sourceMap: false,
                  preferPathResolver: 'webpack'
                }
              }
            ]
          },
          {
            resourceQuery: /\?vue/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'stylus-loader',
                options: {
                  sourceMap: false,
                  preferPathResolver: 'webpack'
                }
              }
            ]
          },
          {
            test: /\.module\.\w+$/,
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'stylus-loader',
                options: {
                  sourceMap: false,
                  preferPathResolver: 'webpack'
                }
              }
            ]
          },
          {
            use: [
              {
                loader: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\mini-css-extract-plugin\\dist\\loader.js'
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: true,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'stylus-loader',
                options: {
                  sourceMap: false,
                  preferPathResolver: 'webpack'
                }
              }
            ]
          }
        ]
      },
      {
        test: /\.jsx?$/,
        exclude: [
          function () { /* omitted long function */ }
        ],
        use: [
          {
            loader: 'cache-loader',
            options: {
              cacheDirectory: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\.cache\\babel-loader',
              cacheIdentifier: 'a470bede'
            }
          },
          {
            loader: 'thread-loader'
          },
          {
            loader: 'babel-loader'
          }
        ]
      },
      {
        enforce: 'pre',
        test: /\.(vue|(j|t)sx?)$/,
        exclude: [
          /node_modules/,
          'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\@vue\\cli-service\\lib'
        ],
        use: [
          {
            loader: 'eslint-loader',
            options: {
              extensions: [
                '.js',
                '.jsx',
                '.vue'
              ],
              cache: true,
              cacheIdentifier: 'c3ca5b60',
              emitWarning: true,
              formatter: function () { /* omitted long function */ }
            }
          }
        ]
      }
    ]
  },
  optimization: {
    minimizer: [
      {
        options: {
          test: /\.js(\?.*)?$/i,
          warningsFilter: function () {
                return true;
              },
          extractComments: false,
          sourceMap: true,
          cache: true,
          parallel: true,
          include: undefined,
          exclude: undefined,
          uglifyOptions: {
            output: {
              comments: /^\**!|@preserve|@license|@cc_on/
            },
            compress: {
              arrows: false,
              collapse_vars: false,
              comparisons: false,
              computed_props: false,
              hoist_funs: false,
              hoist_props: false,
              hoist_vars: false,
              inline: false,
              loops: false,
              negate_iife: false,
              properties: false,
              reduce_funcs: false,
              reduce_vars: false,
              switches: false,
              toplevel: false,
              typeofs: false,
              booleans: true,
              if_return: true,
              sequences: true,
              unused: true,
              conditionals: true,
              dead_code: true,
              evaluate: true
            },
            mangle: {
              safari10: true
            }
          }
        }
      }
    ],
    splitChunks: {
      cacheGroups: {
        vendors: {
          name: 'chunk-vendors',
          test: /[\\\/]node_modules[\\\/]/,
          priority: -10,
          chunks: 'initial'
        },
        common: {
          name: 'chunk-common',
          minChunks: 2,
          priority: -20,
          chunks: 'initial',
          reuseExistingChunk: true
        }
      }
    }
  },
  plugins: [
    /* config.plugin('vue-loader') */
    new VueLoaderPlugin(),
    /* config.plugin('define') */
    new DefinePlugin(
      {
        'process.env': {
          NODE_ENV: '"production"',
          VUE_APP_API_URL: '"https://testing-api.weeship.fr/"',
          VUE_APP_CLI_UI_URL: '""',
          VUE_APP_I18N_FALLBACK_LOCALE: '"fr"',
          VUE_APP_I18N_LOCALE: '"fr"',
          BASE_URL: '"/"'
        }
      }
    ),
    /* config.plugin('case-sensitive-paths') */
    new CaseSensitivePathsPlugin(),
    /* config.plugin('friendly-errors') */
    new FriendlyErrorsWebpackPlugin(
      {
        additionalTransformers: [
          function () { /* omitted long function */ }
        ],
        additionalFormatters: [
          function () { /* omitted long function */ }
        ]
      }
    ),
    /* config.plugin('extract-css') */
    new MiniCssExtractPlugin(
      {
        filename: 'css/[name].[contenthash:8].css',
        chunkFilename: 'css/[name].[contenthash:8].css'
      }
    ),
    /* config.plugin('optimize-css') */
    new OptimizeCssAssetsWebpackPlugin(
      {
        canPrint: false,
        cssProcessorOptions: {
          safe: true,
          autoprefixer: {
            disable: true
          },
          mergeLonghand: false
        }
      }
    ),
    /* config.plugin('hash-module-ids') */
    new HashedModuleIdsPlugin(),
    /* config.plugin('html') */
    new HtmlWebpackPlugin(
      {
        templateParameters: function () { /* omitted long function */ },
        minify: {
          removeComments: true,
          collapseWhitespace: true,
          removeAttributeQuotes: true,
          collapseBooleanAttributes: true,
          removeScriptTypeAttributes: true
        },
        chunksSortMode: 'dependency',
        template: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\public\\index.html'
      }
    ),
    /* config.plugin('pwa') */
    new HtmlPwaPlugin(
      {
        name: 'Weeship - Envoyer',
        themeColor: '#009fe3',
        msTileColor: '#FFFFFF'
      }
    ),
    /* config.plugin('preload') */
    new PreloadPlugin(
      {
        rel: 'preload',
        include: 'initial',
        fileBlacklist: [
          /\.map$/,
          /hot-update\.js$/
        ]
      }
    ),
    /* config.plugin('prefetch') */
    new PreloadPlugin(
      {
        rel: 'prefetch',
        include: 'asyncChunks'
      }
    ),
    /* config.plugin('copy') */
    new CopyWebpackPlugin(
      [
        {
          from: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\public',
          to: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\dist',
          ignore: [
            'index.html',
            '.DS_Store'
          ]
        }
      ]
    ),
    /* config.plugin('workbox') */
    new GenerateSW(
      {
        exclude: [
          /\.map$/,
          /img\/icons\//,
          /favicon\.ico$/,
          /manifest\.json$/
        ],
        cacheId: 'frontend-station-f'
      }
    )
  ],
  entry: {
    app: [
      './src/main.js'
    ]
  }
}

$ vue-cli-service inspect --mode development
{
  mode: 'development',
  context: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F',
  devtool: 'cheap-module-eval-source-map',
  node: {
    setImmediate: false,
    process: 'mock',
    dgram: 'empty',
    fs: 'empty',
    net: 'empty',
    tls: 'empty',
    child_process: 'empty'
  },
  output: {
    path: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\dist',
    filename: '[name].js',
    publicPath: '/'
  },
  resolve: {
    symlinks: false,
    alias: {
      '@': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src',
      vue$: 'vue/dist/vue.runtime.esm.js',
      '@comp': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\components',
      '@compBase': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\components\\Base',
      '@conf': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\config',
      '@api': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\services\\api',
      '@mixins': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\vue-services\\mixins\\index.js',
      '@plugins': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\vue-services\\plugins',
      '@directives': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\vue-services\\directives\\index.js',
      '@img': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\assets\\img',
      '@scss': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\assets\\scss',
      '@scss_vars': 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\src\\assets\\scss\\bulma-custom.scss'
    },
    extensions: [
      '.js',
      '.jsx',
      '.vue',
      '.json'
    ],
    modules: [
      'node_modules',
      'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules',
      'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\@vue\\cli-service\\node_modules'
    ]
  },
  resolveLoader: {
    modules: [
      'node_modules',
      'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules',
      'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\@vue\\cli-service\\node_modules'
    ]
  },
  module: {
    noParse: /^(vue|vue-router|vuex|vuex-router-sync)$/,
    rules: [
      {
        test: /\.vue$/,
        use: [
          {
            loader: 'cache-loader',
            options: {
              cacheDirectory: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\.cache\\vue-loader',
              cacheIdentifier: '5f68a44f'
            }
          },
          {
            loader: 'vue-loader',
            options: {
              compilerOptions: {
                preserveWhitespace: false
              },
              cacheDirectory: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\.cache\\vue-loader',
              cacheIdentifier: '5f68a44f'
            }
          }
        ]
      },
      {
        test: /\.(png|jpe?g|gif|webp)(\?.*)?$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 4096,
              name: 'img/[name].[hash:8].[ext]'
            }
          }
        ]
      },
      {
        test: /\.(svg)(\?.*)?$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: 'img/[name].[hash:8].[ext]'
            }
          }
        ]
      },
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 4096,
              name: 'media/[name].[hash:8].[ext]'
            }
          }
        ]
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/i,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 4096,
              name: 'fonts/[name].[hash:8].[ext]'
            }
          }
        ]
      },
      {
        test: /\.pug$/,
        use: [
          {
            loader: 'pug-plain-loader'
          }
        ]
      },
      {
        test: /\.css$/,
        oneOf: [
          {
            resourceQuery: /module/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 2,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            resourceQuery: /\?vue/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            test: /\.module\.\w+$/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 2,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          }
        ]
      },
      {
        test: /\.p(ost)?css$/,
        oneOf: [
          {
            resourceQuery: /module/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 2,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            resourceQuery: /\?vue/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            test: /\.module\.\w+$/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 2,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          }
        ]
      },
      {
        test: /\.scss$/,
        oneOf: [
          {
            resourceQuery: /module/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            resourceQuery: /\?vue/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            test: /\.module\.\w+$/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          }
        ]
      },
      {
        test: /\.sass$/,
        oneOf: [
          {
            resourceQuery: /module/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false,
                  indentedSyntax: true
                }
              }
            ]
          },
          {
            resourceQuery: /\?vue/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false,
                  indentedSyntax: true
                }
              }
            ]
          },
          {
            test: /\.module\.\w+$/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false,
                  indentedSyntax: true
                }
              }
            ]
          },
          {
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false,
                  indentedSyntax: true
                }
              }
            ]
          }
        ]
      },
      {
        test: /\.less$/,
        oneOf: [
          {
            resourceQuery: /module/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'less-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            resourceQuery: /\?vue/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'less-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            test: /\.module\.\w+$/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'less-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          {
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'less-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          }
        ]
      },
      {
        test: /\.styl(us)?$/,
        oneOf: [
          {
            resourceQuery: /module/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'stylus-loader',
                options: {
                  sourceMap: false,
                  preferPathResolver: 'webpack'
                }
              }
            ]
          },
          {
            resourceQuery: /\?vue/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'stylus-loader',
                options: {
                  sourceMap: false,
                  preferPathResolver: 'webpack'
                }
              }
            ]
          },
          {
            test: /\.module\.\w+$/,
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3,
                  modules: true,
                  localIdentName: '[name]_[local]_[hash:base64:5]'
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'stylus-loader',
                options: {
                  sourceMap: false,
                  preferPathResolver: 'webpack'
                }
              }
            ]
          },
          {
            use: [
              {
                loader: 'vue-style-loader',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              {
                loader: 'css-loader',
                options: {
                  minimize: false,
                  sourceMap: false,
                  importLoaders: 3
                }
              },
              {
                loader: 'postcss-loader',
                options: {
                  sourceMap: false
                }
              },
              {
                loader: 'stylus-loader',
                options: {
                  sourceMap: false,
                  preferPathResolver: 'webpack'
                }
              }
            ]
          }
        ]
      },
      {
        test: /\.jsx?$/,
        exclude: [
          function () { /* omitted long function */ }
        ],
        use: [
          {
            loader: 'cache-loader',
            options: {
              cacheDirectory: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\.cache\\babel-loader',
              cacheIdentifier: '057550d2'
            }
          },
          {
            loader: 'babel-loader'
          }
        ]
      },
      {
        enforce: 'pre',
        test: /\.(vue|(j|t)sx?)$/,
        exclude: [
          /node_modules/,
          'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\node_modules\\@vue\\cli-service\\lib'
        ],
        use: [
          {
            loader: 'eslint-loader',
            options: {
              extensions: [
                '.js',
                '.jsx',
                '.vue'
              ],
              cache: true,
              cacheIdentifier: '9b8b2a74',
              emitWarning: true,
              formatter: function () { /* omitted long function */ }
            }
          }
        ]
      }
    ]
  },
  plugins: [
    /* config.plugin('vue-loader') */
    new VueLoaderPlugin(),
    /* config.plugin('define') */
    new DefinePlugin(
      {
        'process.env': {
          NODE_ENV: '"development"',
          VUE_APP_API_URL: '"https://testing-api.weeship.fr/"',
          VUE_APP_CLI_UI_URL: '""',
          VUE_APP_I18N_FALLBACK_LOCALE: '"fr"',
          VUE_APP_I18N_LOCALE: '"fr"',
          BASE_URL: '"/"'
        }
      }
    ),
    /* config.plugin('case-sensitive-paths') */
    new CaseSensitivePathsPlugin(),
    /* config.plugin('friendly-errors') */
    new FriendlyErrorsWebpackPlugin(
      {
        additionalTransformers: [
          function () { /* omitted long function */ }
        ],
        additionalFormatters: [
          function () { /* omitted long function */ }
        ]
      }
    ),
    /* config.plugin('hmr') */
    new HotModuleReplacementPlugin(),
    /* config.plugin('no-emit-on-errors') */
    new NoEmitOnErrorsPlugin(),
    /* config.plugin('progress') */
    new ProgressPlugin(),
    /* config.plugin('html') */
    new HtmlWebpackPlugin(
      {
        templateParameters: function () { /* omitted long function */ },
        template: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\public\\index.html'
      }
    ),
    /* config.plugin('pwa') */
    new HtmlPwaPlugin(
      {
        name: 'Weeship - Envoyer',
        themeColor: '#009fe3',
        msTileColor: '#FFFFFF'
      }
    ),
    /* config.plugin('preload') */
    new PreloadPlugin(
      {
        rel: 'preload',
        include: 'initial',
        fileBlacklist: [
          /\.map$/,
          /hot-update\.js$/
        ]
      }
    ),
    /* config.plugin('prefetch') */
    new PreloadPlugin(
      {
        rel: 'prefetch',
        include: 'asyncChunks'
      }
    ),
    /* config.plugin('copy') */
    new CopyWebpackPlugin(
      [
        {
          from: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\public',
          to: 'C:\\Users\\arieldi\\Projects\\Weeship\\Frontend-Station-F\\dist',
          ignore: [
            'index.html',
            '.DS_Store'
          ]
        }
      ]
    )
  ],
  entry: {
    app: [
      './src/main.js'
    ]
  }
}
@coryisbest0728
Copy link

@darkylmnx I had the same problem. I've changed html-webpack-plugin 3.2 to 4.0.0-alpha, and now it's working.

@darkylmnx
Copy link
Author

darkylmnx commented Jun 18, 2018 via email

@jantimon
Copy link
Owner

@darkylmnx this should be fixed in the current version - can you please let us know the exact html-webpack-plugin version your are using?

@edtoken

This comment has been minimized.

@jantimon
Copy link
Owner

@edtoken you are not using the version with the fix.
If you don't want to use the alpha you have to wait a little bit more for the next major release or disable chunk sorting by hand.

@b12f
Copy link

b12f commented Jun 21, 2018

I am getting the same error, no matter which version I am using (Both 4.0.0-alpha and 3.2.0). I even rm -rf-ed the html-webpack-plugin from the @vue/cli-service/node_modules folder and copied the alpha version in to no avail.

Weirdly, setting chunksSortMode to none doesn't seem to do anything at all, but I might have misunderstood the benefit of that.

Webpack config

new HtmlWebpackPlugin(
      {
        templateParameters: function () { /* omitted long function */ },
        template: '/path/to/workspace/renderer/client/public/index.html',
        chunksSortMode: 'none'
      }
    )

Package dev dependencies

"devDependencies": {
    "@vue/cli-plugin-babel": "^3.0.0-rc.3",
    "@vue/cli-plugin-eslint": "^3.0.0-rc.3",
    "@vue/cli-service": "^3.0.0-rc.3",
    "html-webpack-plugin": "^4.0.0-alpha",
    "node-sass": "^4.9.0",
    "sass-loader": "^7.0.3",
    "vue-template-compiler": "^2.5.16",
    "vue-template-loader": "^1.0.0"
  },

@jantimon
Copy link
Owner

4.0.0-alpha does not include topsort:

https://github.com/jantimon/html-webpack-plugin/blob/webpack-4/package.json

So I am not sure how a topsort error might occur for 4.0.0-alpha
Any thoughts?

@b12f
Copy link

b12f commented Jun 23, 2018

Maybe there's another 3.2.0 hidden somewhere and node module resolution is doing weird stuff? I'll check it out on monday.

@b12f
Copy link

b12f commented Jun 25, 2018

Edit:

My real problem was that both html-webpack-plugin and vue-template-loader were trying to handle the same file. Check your webpack config to make sure you're loading every html with with either one or the other.

@Bessonov
Copy link

Can confirm, that set chunksSortMode to none works with 3.2.0:

new HtmlWebpackPlugin({
			chunksSortMode: 'none'

@lock
Copy link

lock bot commented Aug 19, 2018

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@lock lock bot locked as resolved and limited conversation to collaborators Aug 19, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants