Comments (14)
I use wowjs in vue3, but I keep reporting errors.
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";
from wow.
![image](https://private-user-images.githubusercontent.com/144030637/343199236-4b0e7e06-79bf-43ae-a160-b1a6439d42ce.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk2MDU1NDcsIm5iZiI6MTcxOTYwNTI0NywicGF0aCI6Ii8xNDQwMzA2MzcvMzQzMTk5MjM2LTRiMGU3ZTA2LTc5YmYtNDNhZS1hMTYwLWIxYTY0MzlkNDJjZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyOFQyMDA3MjdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMDBjNDJjNWU1Yjg4N2ZmZWRlNGE0NzhkNTFkNWZkNWRjNGViMGUxZDhlNTUyMzJiZjA2OGIwZTJhMDc3ZWZjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.oxORrEcYvudyUFx-VkfpSpxtlPQI9FmdHPUi4eSHpPI)
![image](https://private-user-images.githubusercontent.com/144030637/343199734-5311d802-6663-45de-a67b-cd4481c68452.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk2MDU1NDcsIm5iZiI6MTcxOTYwNTI0NywicGF0aCI6Ii8xNDQwMzA2MzcvMzQzMTk5NzM0LTUzMTFkODAyLTY2NjMtNDVkZS1hNjdiLWNkNDQ4MWM2ODQ1Mi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyOFQyMDA3MjdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iNmE2YjY5ZGExNDdmYTM3YTUyYmRhYzNiZjQzNjZmODczMjZlOTJlNjUxZDk2MzY3ZjY1ZmEyMDViNjAzODE2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.SOC1uMTGijXDAzAV98AyAQUJw61sOPy8M1_-6gxBR6Q)
![image](https://private-user-images.githubusercontent.com/144030637/343199879-cf853d9e-7783-4752-982b-514e327570ae.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk2MDU1NDcsIm5iZiI6MTcxOTYwNTI0NywicGF0aCI6Ii8xNDQwMzA2MzcvMzQzMTk5ODc5LWNmODUzZDllLTc3ODMtNDc1Mi05ODJiLTUxNGUzMjc1NzBhZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyOFQyMDA3MjdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iMWM3M2JlZWFlNTNjMTIyOTMyMWRiODBiMjc0MTJiZGUyOTY5NTJkYTg1M2Q4YTg2OTIzMThiYTJlZmU0NGJlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.t8wx5NkRRT1nD0T7OdmobcwqJYik1HClVrmQZnMSL6Y)
I have a similar problem. but this is in angular v18
from wow.
I had the same problem
from wow.
I had the same problem
from wow.
I had the same problem
from wow.
I had the same problem when built in modern mode in a nuxt2 project.
from wow.
I had the same problem
from wow.
我也有同样的问题 打包部署到服务器上就出现这个问题了
from wow.
from wow.
I have installed wow.js for vue3 but i also have the same problem . "wow.js": "^1.2.2"
from wow.
from wow.
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()
})
from wow.
from wow.
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
.
from wow.
Related Issues (20)
- Cannot read property 'path' of undefined (Gatsby) HOT 1
- NPM registry outdated?
- Issue at the end of the animation on smartphone HOT 2
- Is WOW-1.1.2 are free to use for commercial purpose?
- TypeError: this is undefined
- Is it possible to to add two animation call in the single element?
- Wow effect content loaded via Ajax not working HOT 2
- Why net::ERR_ABORTED 404?
- support : how to trigger a jquery script at the end of a WOW animation HOT 1
- New version AnimateJS HOT 3
- Library simply does not work at all with jQuery 3.5.1 HOT 4
- [QUESTION] Is it possible to use HTML data attribute instead of a class `wow'?
- TypeError: target.className.replace is not a function
- no typescript version
- Use inconsistencies when using inside react-modal.
- Animatiosn stopped working on Chrome
- How can I disable the mandatory presence of –webkit-?
- Waterfall test shows wow.min.js canceled
- When I use it in React,get error “Uncaught TypeError: Cannot set properties of undefined (setting 'getPropertyValue')” HOT 6
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 wow.