Module build failed with spread transformation
RomanLavrinenko opened this issue · comments
HI, I try to use Vuex and it's syntax like in examples:
...
computed: mapGetters({
foo: 'foo',
bar: 'bar',
buz: 'buz'
}),
methods: {
...mapActions([
'foo',
'bar'
]),
buz() {
}
},
...
but got error when build app with gulp:
{ [Error: ./~/buble-loader!./resources/assets/js/components/search/component.js
Module build failed: Error
at Node.transpile (/var/.../node_modules/buble/dist/buble.umd.js:6206:11)
at Node.transpile (/var/.../node_modules/buble/dist/buble.umd.js:880:10)
at Node.transpile (/var/.../node_modules/buble/dist/buble.umd.js:6352:31)
at /var/.../node_modules/buble/dist/buble.umd.js:878:59
at Array.forEach (native)
at Node.transpile (/var/.../node_modules/buble/dist/buble.umd.js:878:10)
at Node.transpile (/var/.../node_modules/buble/dist/buble.umd.js:6192:31)
at Node.transpile (/var/.../node_modules/buble/dist/buble.umd.js:880:10)
at /var/.../node_modules/buble/dist/buble.umd.js:878:59
my gulpfile looks like:
var elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');
elixir(function(mix) {
mix.webpack('foo.js', '/bar.js')
})
If i'm not using syntax like ...mapActions
all good
Could you please tell me is it possible to use spread syntax just using laravel-elixir-vue-2 or i should find an additional plugin to make this work?
+1 same issue
Be sure to use laravel-elixir-vue-2@0.3.0 as the buble-loader option for Object.assign was added.
This happens because Laravel is using the previous minor version in its npm dependencies (as of its latest 5.3.* release)
@wskc Thanks! That is works for me.
NOTE: Also in my package.json i had dev dependencies for 'vue-loader', 'vue', 'vue-template-compiler', ... which are also had lower versions. I've fixed them with versions which i found via link provided by @wskc (336e76e#diff-168726dbe96b3ce427e7fedce31bb0bc)
Hope this could be helpful for others