vue安装animate.css并在main.js引入,打包文件dist服务端运行会报错

Animate.css是个很好用的动画库,在vue中使用很简单,先安装

npm install animate.css --save

在main.js全局引入

import animated from 'animate.css'

Vue.use(animated)

但是打包之后的dist包运行会报错

 原因:Vue.use(插件)会触发此插件文件中的install方法,而animate.css是一个css文件,而

Vue.use是不能传入css文件

解决办法:在main.js注释掉Vue.use(animated)  直接 import 'animate.css/animate.css'

import animated from 'animate.css'
//Vue.use(animated)

或者直接在html文件直接引入,不用animated.css安装依赖包

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>

也可以把https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css保存本地

再在main.js中引入

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值