Comments (3)
Thank you for having a time with VueGL and posting a problem.
Well, sorry but example components currently only supports IIFE and THREE must be loaded globally.
Additionally, you are trying to register the component before unpkg script loaded because the mounted()
hook is called very after loading modules.
So that you should load the additional script from unpkg before starting Vue instance, maybe in file like index.js
, app.js
or main.js
...
You also have to pay attention to the variable scope. IIFE script set the component under the global VueGL
object, but in module VueGL
is an imported local object.
To access global one, window.VueGL
is the way.
Actually, of course you must be exhausted in this way, I guess. More directly approach is, making the example components loadable via npm package. I will fix it as soon as possible.
from vue-gl.
@WaDadidou
I worked around it and release v0.22.0 .
Please update your local vue-gl
version first.
npm install vue-gl@latest
Then, you can import the example component (VglObjLoader) in modules.
Try to insert codes that imports and registers the component like below.
import * as VueGL from 'vue-gl';
import VglObjLoader from 'vue-gl/dist/examples/loaders/vgl-obj-loader'; // <- insert this
Object.entries(VueGL).forEach([id, component] => Vue.component(id, component))
Vue.component('VglObjLoader', VglObjLoader); // <- registering our example component
Of course, you can also register the component locally with the component
option (as you wrote but commented out in your screenshot).
from vue-gl.
Hi, thank you ! <3
from vue-gl.
Related Issues (20)
- VueGL is not defined HOT 1
- iFrame created with vgl-renderer HOT 6
- Example of rotation? HOT 2
- TypeError: h is not a function HOT 1
- Video texture support HOT 1
- [Question] Types not found in v1.0? HOT 2
- Feature Request : WebXR support (add webxr related features and tooling)
- Vue 3 support HOT 1
- VglShape path prop improvement HOT 1
- [Question] How can use the CanvasTexture? HOT 1
- Material Array not updating HOT 2
- The raw shader material component
- How to use VglObjLoader HOT 4
- Cannot run dev build (rollup problem?) HOT 1
- Using inside a fluid container HOT 4
- SphericalReflectionMapping error HOT 3
- Transparent Sphere
- VueGL + Nuxt: Cannot read property 'trim' of undefined HOT 1
- Is EffectComposer supported? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-gl.