Actualización de webpack5: [vuex] clave de obtención duplicada: **** error al ejecutar

  1. Antecedentes: actualización de webpack5 + usando vuex
  2. Mensaje de error:[vuex] duplicate getter key:****
  3. Código clave: require.context se utiliza al introducir módulos según directorios de archivos en vuex
const files = require.context('./apaas-ide', false, /\.js$/)
const modules = {
    
    }

files.keys().forEach(key => {
    
    
  modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default
})
export default {
    
    
  modules
}
  1. Causa del problema: hay cambios en el uso del método require.context en webpack5. Si se usa en el código, se reconocerán los archivos de ruta absoluta y relativa y se generarán dos archivos de módulo con el mismo nombre, lo que resultará en un error.
  2. resolver
const files = require.context('./apaas-ide', false, /\.\/.*\.js$/) // 修改正则表达式过滤绝对路径
const modules = {
    
    }

files.keys().forEach(key => {
    
    
  modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default
})
export default {
    
    
  modules
}

Supongo que te gusta

Origin blog.csdn.net/qq_44242707/article/details/127567338
Recomendado
Clasificación