webpack5 アップグレード: [vuex] 実行時の重複ゲッター キー:**** エラー

  1. 背景: webpack5 のアップグレード + vuex の使用
  2. エラーメッセージ:[vuex] duplicate getter key:****
  3. キーコード: require.context は、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. 問題の原因: webpack5 では require.context メソッドの使用に変更があり、コード内で使用すると、絶対パス ファイルと相対パス ファイルの両方が認識され、同じ名前の 2 つのモジュール ファイルが生成され、エラー。
  2. 解決する
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
}

おすすめ

転載: blog.csdn.net/qq_44242707/article/details/127567338