object spread / mapState help

object spread / mapState help

내 Vue 페이지에서 내 스토어의 상태 변수를 매핑하려고 합니다.

<script>
    export default {
        data: () => ({
            localData: []

        }),
        computed: {  
            someLocalProperty: {
                get: function () {
                  // ....
                }
            },
            ...mapState({
                one: state => state.one,
                two: state => state.two,
                three: state => state.three, 
            })
        },                   
    };
</script>

단, 이 경우 다음 오류가 발생합니다.

   Uncaught Error: Module build failed: 
    71 :     data: () => ({
    72 :         localData: []
    73 : 
    74 :     }),
    75 :     computed: {

    Object spread operator requires specified objectAssign option with 'Object.assign' or polyfill helper. (75:14)

내가 뭘 잘못하고 있지?

추가해 보았습니다.objectAssign: 'Object.assign'웹 팩 설정에 도움이 되지 않습니다.

rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
            objectAssign: 'Object.assign',
            preLoaders: {
            i18n: 'yaml-loader'
          },
          loaders: {
            i18n: '@kazupon/vue-i18n-loader'
          }
        }
      },
      {
        test: /\.js$/,
        loader: 'buble-loader',
        exclude: /node_modules/,
        options: {
          objectAssign: 'Object.assign'
        }
      },
      {
        test: /\.styl$/,
        loader: ['style-loader', 'css-loader', 'stylus-loader']
      },
      {
        test: /\.(eot|svg|ttf|woff|woff2)$/,
        loader: 'file-loader?name=public/fonts/[name].[ext]'
      }
    ]
  },

부블 로더 설정이 잘못되었을까요?

이 스니펫은 원래 프로젝트 문서에서 확인하십시오.

module: {
  loaders: [
    {
      test: /.js$/,
      loaders: 'buble',
      include: path.join(__dirname, 'src'),
      query: {
        objectAssign: 'Object.assign'
      }
    }
  ]
}

언급URL : https://stackoverflow.com/questions/47030779/how-to-use-object-spread-mapstate-helper