Topic: Is MDB Vue Pro possible to work with Nuxt v3 (RC)?

chengfubeiming premium asked 2 years ago


And if so, is there any guide for doing this?

I tried to add

<br> modules: [<br> 'mdb-vue-ui-kit'<br> ],<br>

within defineNuxtConfig and add

<br>"mdb-vue-ui-kit": "git+https://oauth2:MYTOKEN@git.mdbootstrap.com/mdb/vue/mdb5/prd/mdb5-vue-ui-kit-pro-essential.git",<br>

into the package.json file.

And use it like in client-side vue project:

    <script setup>
import { MDBBtn } from 'mdb-vue-ui-kit';
</script>

<template>
  <div>
    <MDBBtn> DEMO </MDBBtn>
  </div>
</template>

However when I try to execute pnpm i. This error occured:

FileList is not defined                                                                                                                                                  17:59:17  

  at D:/_dev/mdb5-vue-ui-kit-pro-essential/js/mdb.umd.min.js:1:121998
  at D:/_dev/mdb5-vue-ui-kit-pro-essential/js/mdb.umd.min.js:1:155
  at D:/_dev/mdb5-vue-ui-kit-pro-essential/js/mdb.umd.min.js:1:348

I'm not sure if those steps are correct or not.


Mateusz Trochonowicz staff answered 2 years ago


Hi! Yes, in fact FileList in not compatible with Nuxt and causes problems. We are currently working on a solution for integrate our library with Nuxt but I cannot say ETA yet.

Keep coding!



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB5 3.0.0
  • Device: PC
  • Browser: Edge
  • OS: Windows
  • Provided sample code: Yes
  • Provided link: No
Tags