matthieua / WOW

Reveal CSS animation as you scroll down a page
https://www.delac.io/WOW/
9.89k stars 4.14k forks source link

Cannot set property 'getPropertyValue' of undefined #352

Open hcweb opened 3 years ago

hcweb commented 3 years ago

I use wowjs in vue3, but I keep reporting errors. QQ截图20210702162044 my code like this <script>import { WOW } from "wowjs"; import { onMounted } from "vue"; export default { name: "App", components: { Header, Footer, }, setup() { onMounted(() => { new WOW().init(); }); }, }; </script> But if I put wow.min.js in the head of index.html, he can work normally, and it keeps reporting the above errors when installing through npm or yarn. I need your help! Thank you!

sudongyuer commented 2 years ago

I had the same problem

LUDA0831 commented 2 years ago

I had the same problem

jetBn commented 2 years ago

I had the same problem

abadm commented 2 years ago

I use wowjs in vue3, but I keep reporting errors. QQ截图20210702162044 my code like this <script>import { WOW } from "wowjs"; import { onMounted } from "vue"; export default { name: "App", components: { Header, Footer, }, setup() { onMounted(() => { new WOW().init(); }); }, }; </script> But if I put wow.min.js in the head of index.html, he can work normally, and it keeps reporting the above errors when installing through npm or yarn. I need your help! Thank you!

You need to use wow.js instead of wowjs in Vue3.

npm install wow.js --save
# or
yarn add wow.js

import WOW from "wow.js";
kingyue737 commented 2 years ago

I had the same problem when built in modern mode in a nuxt2 project.

yanggengzhen123 commented 2 years ago

I had the same problem

FZfanfan commented 2 years ago

我也有同样的问题 打包部署到服务器上就出现这个问题了

veraLX commented 2 years ago

Hello,我是林昕,我已收到来信~

wtt19980923 commented 2 years ago

I have installed wow.js for vue3 but i also have the same problem . "wow.js": "^1.2.2"

veraLX commented 2 years ago

Hello,我是林昕,我已收到来信~

wtt19980923 commented 2 years ago

i'm revise the wow options , this problome has gone.

import WOW from 'wow.js'

onMounted(() => { const wow = new WOW({ boxClass: 'wow', animateClass: 'animated', offset: 0, mobile: true, live: true, scrollContainer: null, resetAnimation: true, }) wow.init() })

veraLX commented 1 year ago

Hello,我是林昕,我已收到来信~

movahhedi commented 1 year ago

What @abadm suggested worked for me.

npm install wow.js --save
# or
yarn add wow.js

import WOW from "wow.js";

Notice it's NOT import { WOW } from. It's import WOW from.

asroor commented 1 week ago
image image image

I have a similar problem. but this is in angular v18