Aminerman / vue-kinesis

Easily create complex interactive animations with Vue.js
https://www.aminerman.com/kinesis/
MIT License
1.47k stars 59 forks source link

Nuxt3 build failing with errors #106

Open frostycoles opened 1 year ago

frostycoles commented 1 year ago

Describe the bug I have a Vue3/Nuxt3 project, and I am trying to use this project for some hover parallax. It works great with nuxt dev, but when I do a nuxt build I get the following error:

ERROR  (node:67753) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./regenerator/" in the "exports" field module resolution of the package at /Users/frostycoles/source/project.nuxt/node_modules/@babel/runtime/package.json imported from /Users/frostycoles/source/project.nuxt/node_modules.
Update this package.json to use a subpath pattern like "./regenerator/*".
(Use `node --trace-deprecation ...` to show where the warning was created)

To Reproduce Steps to reproduce the behavior:

  1. Create a nuxt3/Vue3 app
  2. Add vue-kinesis to project and use in component
  3. Run nuxt build
  4. During nitro server build I get the error mentioned above

Expected behavior I tried several different ways of importing the library, and all of them result in the same error. If I remove the 'vueKinesis' import from my project it builds without the error.

**vue-kinesis and Vue.js versions

package.json:

  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "devDependencies": {
    "@nuxtjs/google-fonts": "^2.0.0",
    "@sidebase/nuxt-auth": "^0.3.0",
    "nuxt": "3.0.0"
  },
  "dependencies": {
    "@mdi/font": "^7.0.96",
    "sass": "^1.56.2",
    "vue-kinesis": "^2.0.5",
    "vuetify": "^3.0.4"
  }
letstri commented 10 months ago

@Aminerman with your permission I want to share my version of vue-kinesis because community wants improvements, so I created kinesis.letstri.dev