The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More
Light
Dark
System
Ask  Question

Module parse failed Unexpected token when running Metronic on Vue CLI


Hi! I've recently integrated Metronic into my VueJS app, but after following your integration guide I'm getting this error when running my npm local dev build in Vue CLI:

<img src="https://i.imgur.com/5YEWWBA.png" />

Any idea of what I might be missing?


g
gesp 2 years ago
Metronic Vue Tailwind 4
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Lauris Stepanovs Author 2 years ago

Hi,

Pleas make sure that you are using the same typescript version and configuration as shown in this file.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


g
gesp 2 years ago

I have installed the version in that file and it still doesn't work. I have typescript v5.5.3


user
Lauris Stepanovs Author 2 years ago

Hi,

In our theme, we are using typescript v5.2.2. However, our code should be compatible with v5.5.3 as long as you are using the same typescript configuration.

Unfortunately, we haven't tried using our theme with Vue CLI project, in our current integration examples we are using Vue Vite.

Also, please make sure that typescript config paths in include are updated according to your project structure.

"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.js", "src/**/*.vue"]


Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(