0
193
ViewsMigración de webpack4 -> webpack5, ¿el archivo incluido tendrá una URL defectuosa cuando se solicite?
Actualmente estoy trabajando en una migración de webpack4 a webpack5. Tengo problemas con la URL del JS incluido (en mi caso, client.js).
Esta solicitud debe ser dos diferentes. Aquí hay una imagen de cómo fue con webpack4: 
Esta es la entrada para el cliente:
// ... name: 'client', target: 'web', devtool: 'source-map', entry: { client: ['@babel/polyfill', './src/client.js'], }, // ...Esta es la salida:
// ... output: { path: resolvePath(BUILD_DIR, 'public/assets'), publicPath: '/assets/', pathinfo: isVerbose, filename: isDebug ? '[name].js' : '[name].[chunkhash:8].js', chunkFilename: isDebug ? '[name].chunk.js' : '[name].[chunkhash:8].chunk.js', }, // ... También configuré organization.splitChunks.cacheGroups de la siguiente manera:
optimization: { splitChunks: { cacheGroups: { commons: { chunks: 'initial', test: /[\\/]node_modules[\\/]/, name: 'vendors', }, }, }, },Como no fui la persona que inicialmente hizo este archivo de configuración, es un poco difícil de depurar, estoy disparando aquí. Y el archivo es bastante grande, acabo de pegar los bits que creo que son importantes. Si cree que el problema podría deberse a otra propiedad de configuración, no dude en compartirlo.
¿Alguien sabe por qué sucede esto y por qué sucede esto?
¡Gracias por adelantado!
1 answers
Answer question0
Ciertamente me guiaste al problema aquí. Después de corregir este error , accidentalmente creé una matriz anidada en chunk-manifest.json . El contenido debe ser:
{ "client": [ "/assets/vendors.chunk.js", "/assets/client.js" ] } En cambio, me equivoqué al convertir el Set en una matriz (para poder ejecutar el filter en él), por lo que el contenido era:
{ "client": [ [ "/assets/vendors.chunk.js", "/assets/client.js" ] ] }La matriz anidada resultó en esta concatenación, por lo que la URL fue con una coma en lugar de dos fuentes diferentes.