如何使用对象传播/mapState 助手

Question

我正在尝试在我的 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' 添加到我的 webpack 配置中，但没有帮助：

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]'
      }
    ]
  },

Answer 1

也许你的 buble-loader 配置有误？

从original project documentation查看这个 sn-p：

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