Unexpected token '<' in nuxt

[kollol-dev]

This is how I imported the component

import HorizontalStepper from "vue-stepper"; import StepOne from "~/components/service_steps/stepOne"; import StepTwo from "~/components/service_steps/stepTwo"; export default { components: { HorizontalStepper },

But it is giving error of

Unexpected token '<'

[hundrog]

I also had this problem, apparently its form the plugin itself, cause I got the error just with the import line

[JohnWeidmann]

I had this problem - i just created my own component and copied and pasted all the code into there and it works. Definitely still needs some finesse to get it to work

[asif92]

I'm also facing this issue. Kindly provide a solution for it.
Thanks

[andreitobias]

If anyone is still facing this issue, here's what worked for me:

1. Add the plugin in your nuxt.confing.js file:

plugins: [ { src: "~/plugins/vue-stepper", mode: "client" } ]

2. Create the plugin file (vue-stepper.js) and import it there:
   import Vue from "vue"; import HorizontalStepper from "vue-stepper"; Vue.component("HorizontalStepper", HorizontalStepper);

[quicombo]

with plugin it works fine. But when you reload a page - all css are gone(

stepper here FIXES THE PROBLEM WITH CSS