search

staskobzar / vue-audio-visual

VueJS audio visualization components
MIT License
687 stars 109 forks source link

Package installation with yarn, Vue3 and Typescript seems to break build and IDE #83

Closed juan-carvajal closed 2 years ago

juan-carvajal commented 2 years ago

As soon as the package is installed, VsCode Vetur seems to break, indicating al sorts of weird messages, as if Vue had been changed from version 3 to 2, messages as:

This occurs as soon as the package is installed, even without ever been imported or added as Plugin.

Here is a copy of my package.json for reference: { "name": "icesi-materno", "version": "0.0.1", "description": "", "productName": "ICESI Materno", "author": "Juan David Carvajal <juan030698@hotmail.com>", "private": true, "scripts": { "lint": "eslint --ext .js,.ts,.vue ./", "test": "echo \"No test specified\" && exit 0" }, "dependencies": { "@quasar/extras": "^1.0.0", "@types/faker": "^5.5.9", "axios": "^0.21.1", "core-js": "^3.6.5", "faker": "^5.5.3", "firebase": "^9.2.0", "quasar": "^2.0.0", "vue-audio-visual": "^2.3.1", "vue-kanban": "^1.8.0", "vuex": "^4.0.1" }, "devDependencies": { "@babel/eslint-parser": "^7.13.14", "@quasar/app": "^3.0.0", "@types/node": "^12.20.21", "@typescript-eslint/eslint-plugin": "^4.16.1", "@typescript-eslint/parser": "^4.16.1", "eslint": "^7.14.0", "eslint-config-prettier": "^8.1.0", "eslint-plugin-vue": "^7.0.0" }, "browserslist": [ "last 10 Chrome versions", "last 10 Firefox versions", "last 4 Edge versions", "last 7 Safari versions", "last 8 Android versions", "last 8 ChromeAndroid versions", "last 8 FirefoxAndroid versions", "last 10 iOS versions", "last 5 Opera versions" ], "engines": { "node": ">= 12.22.1", "npm": ">= 6.13.4", "yarn": ">= 1.21.1" } }

Env. data: Windows 10 x64 Node 14.0.0

juan-carvajal commented 2 years ago

I managed to get it working after forcefully setting my vue and vue-router version in the package.json. Nonetheless, you might want to take a look at Vue 3 support.