fritx / vue-threejs

Vue bindings for Three.js
http://fritx.github.io/vue-threejs/
MIT License
788 stars 113 forks source link

ReferenceError: window is not defined #17

Open ryanrca opened 5 years ago

ryanrca commented 5 years ago

ReferenceError window is not defined

All I did was import the library:

<script>
import VueThreejs from 'vue-threejs';
export default {};
</script>

Refresh the page, get that error. Stack trace is crashing on window.webkitRequestAnimationFrame...:

};

function requestAnimationFrame(callback) {
  setTimeout(callback, 1000 / 60);
}
var requestAnimationFrame$1 = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || requestAnimationFrame;

var CenteredDiv = function () {
  function CenteredDiv() {
    classCallCheck(this, CenteredDiv);
    this.backgroundElement = document.createElement('div');

Maybe this library has issues working with nuxt.js? https://stackoverflow.com/questions/40707481/window-is-not-defined-in-vue-js-2

fritx commented 5 years ago

@ryanrca oh yes, didn't adapt it to nuxt.js yet

maybe try to wrap the <script> in a <client-only> or sth else?