Metronic 8 + Laravel + Vue - Cannot find module

Hi I have been following the documentation to install vue and laravel with metronic here:
https://preview.keenthemes.com/metronic8/vue/docs/#/vue-laravel-integration

I have got to the last step "npm run dev"

However with what looks most of the vue components I am getting the following error when it tries to run the mix.

Does anyone know what could be wrong here? I am running out of ideas.

ERROR in /var/www/staff/resources/ts/src/layout/header/partials/Search.vue.ts
5:18-38
[tsl] ERROR in /var/www/staff/resources/ts/src/layout/header/partials/Search.vue.ts(5,19)
TS2307: Cannot find module './search/Empty.vue' or its corresponding type declarations.

ERROR in /var/www/staff/resources/ts/src/layout/header/partials/Search.vue.ts
6:26-70
[tsl] ERROR in /var/www/staff/resources/ts/src/layout/header/partials/Search.vue.ts(6,27)
TS2307: Cannot find module '../../../components/menu/MenuComponent.vue' or its corresponding type declarations.

webpack compiled with 602 errors

Thanks!

Dan

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)

Hi Dan,

Could you please specify which version of Metronic are you using?

Hi I am using v8.0.38.

Thanks

Hi, can anyone help one this one?

Hi Dan,

Sorry for the delay with the reply.

Please make sure that you have copied all required files and components, looks like some of the components were not included.

You can copy fully copy the assets folder and place it into vue_laravel/resources/ts.

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(