vuesax-next icon indicating copy to clipboard operation
vuesax-next copied to clipboard

Setup with vite

Open mhhamzamh opened this issue 4 years ago • 13 comments

I'm trying to set up vuesax next with vue 3 + vite but i'm getting the following stack trace

vuesax.js:174 Uncaught TypeError: Cannot read property 'prototype' of undefined at _inheritsLoose (vuesax.js:174) at vuesax.js:18501 at Module.<anonymous> (vuesax.js:18552) at __webpack_require__ (vuesax.js:37) at vuesax.js:101 at vuesax.js:101 at webpackUniversalModuleDefinition (vuesax.js:10) at vuesax.js:16 at chunk.YDOVV2B3.js?v=e6d2d84e:6 at dep:vuesax:1

mhhamzamh avatar Feb 04 '21 16:02 mhhamzamh

me too..

igorraphael avatar Feb 09 '21 18:02 igorraphael

I'm getting this too, but I'm not using setup with Vite ... main.js

import { createApp } from 'vue'
import Vuesax from 'vuesax'
import App from './App.vue'

import 'vuesax/dist/vuesax.css'
import '@/assets/css/main.css'

const app = createApp(App)

app.use(Vuesax)
app.mount('#app')

Gives the error:

vuesax.js?574d:174 Uncaught TypeError: Cannot read property 'prototype' of undefined
    at _inheritsLoose (vuesax.js?574d:174)
    at eval (vuesax.js?574d:18501)
    at Module.eval (vuesax.js?574d:18553)
    at __webpack_require__ (vuesax.js?574d:37)
    at eval (vuesax.js?574d:101)
    at eval (vuesax.js?574d:104)
    at webpackUniversalModuleDefinition (vuesax.js?574d:10)
    at eval (vuesax.js?574d:17)
    at Object../node_modules/vuesax/dist/vuesax.js (chunk-vendors.js:1316)
    at __webpack_require__ (app.js:849)

VS Code highlights the 'vuesax' in the import statment with the following info:

module "c:/Users/mjnic/Workspaces/calcs/node_modules/vuesax/dist/vuesax"
Could not find a declaration file for module 'vuesax'. 'c:/Users/mjnic/Workspaces/calcs/node_modules/vuesax/dist/vuesax.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/vuesax` if it exists or add a new declaration (.d.ts) file containing `declare module 'vuesax';`ts(7016)

Incidentally, running the npm -i --save-dev @types/vuesax gives the following:

❯ npm i --save-dev @types/vuesax
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@types%2fvuesax - Not found
npm ERR! 404
npm ERR! 404  '@types/vuesax@latest' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

michjnich avatar Feb 23 '21 09:02 michjnich

I have the same problem with both Vuesax 3.x and 4 versions

nikita-rostovskiy avatar Apr 08 '21 16:04 nikita-rostovskiy

+1

Samicoolon avatar May 21 '21 22:05 Samicoolon

+1

andronasef avatar Jul 03 '21 20:07 andronasef

me too

uchm4n avatar Aug 11 '21 20:08 uchm4n

+1

mndaipre avatar Aug 18 '21 12:08 mndaipre

el mismo problema al tratar de utilizarlo con Laravel + Inertia.js

GenaroHV avatar Sep 03 '21 21:09 GenaroHV

me too

shahidali81 avatar Sep 14 '21 21:09 shahidali81

me too

vuesax.js:174 Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')
    at _inheritsLoose (vuesax.js:174)
    at vuesax.js:18501
    at Module.<anonymous> (vuesax.js:18552)
    at __webpack_require__ (vuesax.js:37)
    at vuesax.js:101
    at vuesax.js:101
    at webpackUniversalModuleDefinition (vuesax.js:10)
    at node_modules/vuesax/dist/vuesax.js (vuesax.js:16)
    at __require2 (chunk-ECKYV6K5.js?v=f410f7ff:33)
    at dep:vuesax:1

jianzi0307 avatar Oct 25 '21 16:10 jianzi0307

me too!

luck-twelve avatar Nov 05 '21 13:11 luck-twelve

This project is shut down/abandoned, I advice u to not use it. Check maintainers comment #169

uchm4n avatar Nov 05 '21 14:11 uchm4n

Look at the code of components, they clearly don't work with vue3.. this project seems abandoned anyways, 2 year sno commits, and if they even come back, they would need to rewrite all the components most-likely : . )

vinksz avatar May 20 '22 18:05 vinksz