vue-3d-model icon indicating copy to clipboard operation
vue-3d-model copied to clipboard

Vue3 Support

Open Dominic-Marcelino opened this issue 3 years ago • 21 comments

Hello, will there be a vue 3 version? Thanks a lot!

Dominic-Marcelino avatar May 31 '21 13:05 Dominic-Marcelino

The current version should be compatible with Vue 3, but I haven't tested it.

hujiulong avatar Jun 01 '21 02:06 hujiulong

Vue 3.0 doesn't have Vue.extend anymore. Apart from this, there shouldn't be that many changes needed.

Tried to contribute, but get the following errors:

  1. eslint ^7.5 is not compatible (need to downgrade to 6.8 to successfully run an npm install)
  2. After that I get the following error: Error: Rule can only have one resource source (provided resource and test + include + exclude) in {

Dominic-Marcelino avatar Jun 01 '21 08:06 Dominic-Marcelino

for vue3 I get Uncaught TypeError: Cannot read property 'extend' of undefined at Module.fb15 (vue-3d-model.umd.js?e360:75856) at webpack_require (vue-3d-model.umd.js?e360:30) at eval (vue-3d-model.umd.js?e360:94) at eval (vue-3d-model.umd.js?e360:97) at webpackUniversalModuleDefinition (vue-3d-model.umd.js?e360:3) at eval (vue-3d-model.umd.js?e360:10) at Object../node_modules/vue-3d-model/dist/vue-3d-model.umd.js (chunk-vendors.js:1200) at webpack_require (app.js:854) at fn (app.js:151) at eval (battle.vue?81c9:48)

Fansy-lab avatar Jul 15 '21 13:07 Fansy-lab

What are the options for using this with Vue3? Are there any work arounds or other solutions?

Neptuniam avatar Sep 14 '21 23:09 Neptuniam

same here, please support vue3

flufy3d avatar Oct 19 '21 11:10 flufy3d

Vue 3.0 不再有 Vue.extend。除此之外,应该不需要那么多的改变。

试图贡献,但得到以下错误:

  1. eslint ^7.5 不兼容(需要降级到 6.8 才能成功运行 npm 安装)
  2. 之后,我收到以下错误: Error: Rule can only have one resource source (provided resource and test + include + exclude) in {

是的,vue3不支持extend。所以程序无法运行了。请问有什么方法可以解决

wkk06 avatar Oct 20 '21 05:10 wkk06

+1 on this, had to reroll this repo for myself in my project i just upgraded

johnnyshankman avatar Jan 04 '22 18:01 johnnyshankman

Hello! Can you advise any solutions to make "vue-3d-model" work with vue 3?

IPIvliev avatar Jan 28 '22 06:01 IPIvliev

Same problem for Vue3!

superwjckawaii avatar Mar 13 '22 04:03 superwjckawaii

Same problem here, unable to use with Vue 3. image

DevinNorgarb avatar Apr 24 '22 07:04 DevinNorgarb

Any updates on this? :) Or does anyone know a similar package for vue 3?

hfg-joschua-r avatar May 02 '22 12:05 hfg-joschua-r

The latest 2.x version already supports Vue 3, but it is still in alpha status, and there may be major API changes.

hujiulong avatar Jun 15 '22 03:06 hujiulong

@hfg-joschua-r I managed to work around this issue by using three.js. They have an ObjectViewer class you can import. Can provide an example if needs be.

DevinNorgarb avatar Jun 17 '22 21:06 DevinNorgarb

@hfg-joschua-r I managed to work around this issue by using three.js. They have an ObjectViewer class you can import. Can provide an example if needs be.

can you please provide the example? @DevinNorgarb

kbs1 avatar Aug 23 '22 19:08 kbs1

image still doesn't support vue3 project

yxnzhe avatar Sep 12 '22 07:09 yxnzhe

Did anyone find a fix to this problem? I'm having the same error as pictured in the screenshot from @yxnzhe .

Smartich0ke avatar Nov 30 '22 10:11 Smartich0ke

Hiii, I need a fix for Vue3 too !! :D

gabrielgriesser avatar Dec 05 '22 15:12 gabrielgriesser

@gabrielgriesser I ended up using a similar package called vue-3d-loader on npm instead.

Smartich0ke avatar Dec 06 '22 02:12 Smartich0ke

@gabrielgriesser I ended up using a similar package called vue-3d-loader on npm instead.

Thank you ! I tried it yesterday but impossible for me to load .OBJ model :/ This package (vue-3d-loader) can't load my assets... 404 not found every time (even if the model is in the right folder.)

I'll open an issue.

gabrielgriesser avatar Dec 06 '22 06:12 gabrielgriesser

@kbs1 @gabrielgriesser @yxnzhe @hfg-joschua-r Sorry, I honestly thought I had responded with this gist I created, but unfortunately, I didn't click the "Comment" button.

Hope this helps

DevinNorgarb avatar Dec 13 '22 22:12 DevinNorgarb

Probably duplicate of https://github.com/hujiulong/vue-3d-model/issues/460 ?

54mu3l avatar May 11 '23 19:05 54mu3l