Not working in Vue3 at all

Im using version 2.1.0

if i import using createapp, then it breaks the entire compilation of vue saying it cannot call method mount of undefined. if i import it as a component from within a component I get the following errors:

Just for using import StarRating from ‘vue-star-rating’ you get the following error in console Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'getElementsByTagName') then we actually using the component you get the following error. Uncaught (in promise) TypeError: Cannot read properties of null (reading 'isCE')

is there something i’m missing? I have used this loads of times in vue2 with no issues.

[craigh411]

I’m going to check this out in one of my Vue 3 projects to see if I can replicate it. To me, this error looks like it comes from the transpilation of the component, but it was transpiled with the Vue CLI using this command:

npx vue-cli-service build --target lib --name VueStarRating ./src/index.js --mode production

For now, one option would be to transpile it yourself by importing ./src/star-rating.vue into your components directly, then including the package in your build config for .vue files, as the node_modules folder is likely going to be excluded. (see: https://webpack.js.org/configuration/module/#condition for how to do this using webpack)

[craigh411]

Me too, In additional. When I am working with typescript (have not tried JavaScript yet), import StarRating from ‘vue-star-rating’ I got an error from vue-start-rating that said “Could not find a declaration file for module ‘vue-star-rating’.” and the package so heavy if I just need to rate.

The CommonJS file isn’t minified because it’s assumed minifcation will be done as part of your own build process.