Почему не нравиться синтаксис?

Question

[Николай Семенов]

Ребята, привет.
Подскажите в чем прикол ошибки, вроде все как в доках

/~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/pages/CartPage.vue
Module build failed: SyntaxError: C:/OpenServer/domains/pizzaStore/src/pages/CartPage.vue: Unexpected token (36:8)

  34 | export default {
  35 |     computed: {
> 36 |         ...mapGetters ({
     |         ^
  37 |             products: 'cartProducts',
  38 |             checkoutStatus: 'checkoutStatus'
  39 |         }),

 @ ./src/pages/CartPage.vue 7:2-105
 @ ./src/router.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

чего не так то?

Answer 1

[Николай Семенов]

решил сам...нужно установить вот такую штучку
babeljs.io/docs/plugins/transform-object-rest-spread

Answer 2

[Evgeny Kulakov]

Фигурной скобки похоже не хватает:

computed: {
  ...mapGetters ({
    products: 'cartProducts',
    checkoutStatus: 'checkoutStatus'
  })
},

Или у вас там еще какие-то методы дальше идут?

Comments

[Николай Семенов]

да там еще идет код вот такой

<script>
    import { mapGetters, mapActions } from 'vuex'
    export default {
        computed: {
            ...mapGetters ({
                products: 'cartProducts',
                checkoutStatus: 'checkoutStatus'
            }),
            total () {
                return this.products.reduce(( total, p) => {
                    return total + p.price * p.quantity
                }, 0)
            }
        },
        methods: {
            ...mapActions([
                'addToCart',
                'removeFromCart',
            ]),
            checkout (products) {
                this.$store.dispatch('checkout', products)
            }

        }
    }
</script>

нашел похожую проблему https://github.com/JeffreyWay/laravel-mix/issues/188
установил вроде как этот плагин и прописал в babelrc ошибка теперь

client?cd17:119 ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/pages/CartPage.vue
Module parse failed: C:\OpenServer\domains\pizzaStore\node_modules\babel-loader\lib\index.js!C:\OpenServer\domains\pizzaStore\node_modules\vue-loader\lib\selector.js?type=script&index=0!C:\OpenServer\domains\pizzaStore\src\pages\CartPage.vue Unexpected token (36:8)
You may need an appropriate loader to handle this file type.
| export default {
|     computed: {
|         ...mapGetters({
|             products: 'cartProducts',
|             checkoutStatus: 'checkoutStatus'
 @ ./src/pages/CartPage.vue 7:2-105
 @ ./src/router.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

[Evgeny Kulakov]

Николай Семенов: Похоже, что бабель не может обработать данный синтаксис. Покажите ваш .babelrc