[Vuejs]-Getting Unexexpted token caused error due to loader when using Stripe checkout

by

0👍

It seems to me like something went wrong in the file ./src/app/CMS/eCommerce/Checkout.vue.

First: Do both variables arg and args really exist?

Second: In order for the syntax params = {...args.pop()} to work argsmuss be an array of objects

Third: Do you have a babel config file? Because I think you need the babel preset "@babel/preset-env" or some babel plugins like "@babel/plugin-proposal-object-rest-spread" and "@babel/plugin-transform-spread" for babel to transpile the code for the browser…

A minimal babel.config.js can look like this:

module.exports = api => {
    api.cache(true);

    const presets = [];
    const plugins = [];

    /*
    // If you want to transpile just some syntaxes manually - micromanagement
    plugins.push(
        [ "@babel/plugin-transform-block-scoping" ],
        [ "@babel/plugin-proposal-object-rest-spread" ],
        [ "@babel/plugin-transform-classes" ],
        [ "@babel/plugin-transform-spread" ],
        [ "@babel/plugin-transform-destructuring" ],
        [ "@babel/plugin-transform-for-of" ],
        [ "@babel/plugin-transform-template-literals" ],
        [ "@babel/plugin-transform-arrow-functions", { spec: false } ],
    );
    */
    
    // Or let babel transpile everthing
    presets.push(
        [ "@babel/preset-env" ]
    )

    return {
        presets,
        plugins
    }
}

Leave a comment