关于Vue项目使用Vue.use(animated)在 项目打包时的坑

已于 2023-06-19 18:00:22 修改
阅读量1.2k 收藏 7
点赞数 8
文章标签： javascript css3 html 前端 vue.js
于 2022-04-14 10:16:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a15200995061/article/details/124164688
版权

在你在Vue项目中使用animate.css方面,你肯定在很多博客中见到他会写到Vue.use(animate.css)
在这里插入图片描述

这样的话在项目运行时,不会有什么异常,并且能够正常使用,但是当你项目打包(build)时,可能会报这样的错误:

在这里插入图片描述
你可能比较懵逼,为什么它会找不到install属性？在我找了些资料后发现了问题所在

Vue.use(插件)会触发此插件文件中的install方法,而animate.css是一个css文件,而Vue.use是不能传入css文件,否则在项目打包时可能会报错，所以在使用animate.css时,只需在main.js中直接导入即可,不用Vue.use。import animated from 'animate.css'

未来vvv
关注
  • 8
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Vue中使用animate实现动画效果
m0_55258023的博客
05-24 1360
Vue中使用animate实现动画效果
在vue项目中使用Nprogress.js进度条的方法
10-18
NProgress.js是轻量级的进度条组件，使用简便，可以很方便集成到单页面应用中。这篇文章主要介绍了在vue项目中使用Nprogress.js进度条的方法,需要的朋友可以参考下
vue引入animate 在main.js但打包时候报错
u013141712的专栏
06-14 1016
找到public下面的index.html 文件，通过csdn的方式引入animate.css。在动画使用的页面，可以全局使用。
Vue 中使用Animate动画
Hemri2580的博客
10-23 734
Vue 中使用Animate动画
vue 使用animate动画
joan_FontEnd的博客
08-09 7331
vue中使用animate动画的方法，以及animate动画名称
vue中引用第三方插件 Animate ，会报错 'xxx' is defined but never used.
weixin_43074269的博客
04-03 759
今天在做项目的时候，引入了 Animate 这个插件，结果报错，vue is defined but never used, 这是 eslint 报的错，在 eslinttrc.js 中插入以下代码 rules: { "no-unused-vars": 'off' } 之后，重新启动项目，记得是重新启动，而不是刷新！！！类似的报错，方法都一样的。 ...
关于axios不能使用Vue.use()浅析
08-28
主要给大家介绍了关于axios不能使用Vue.use()的相关资料，文中通过示例代码介绍的非常详细，对大家的理解和学习具有一定的参考学习价值，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
为什么Vue.use()在new Vue() 之前使用
10-16
主要介绍了为什么Vue.use()在new Vue() 之前使用,需要的朋友可以参考下
Vue项目使用electron打包成.exe文件
最新发布
08-22
甲方要求需要将交付项目打包成.exe文件，这里选用electron来实现该需求 Vue项目使用electron打包成.exe文件,过程中遇到的问题及官方demo配置的记录。
在Vue项目中使用d3.js的实例代码
10-18
主要介绍了在Vue项目中使用d3.js的实例代码，非常不错，具有参考借鉴价值价值,需要的朋友可以参考下
在vue2中使用Vue.use(Vuex)报错
zjbkzj的博客
06-27 3187
上图中，可以看到 我是用的vue 2.6.14对应的vuex是4.0.2（当前最新版本）; 版本不匹配导致报错。 vue2中使用vuex@3版本，vuex@4 使用在vue3中的，所以解决办法如下 问题是解决了，但是要反思下：why? 有位道友的分析就很好: 根据自己实际情况举一反三上面这位老师提到了一个知识点我也记录在这里npm-shrinkwrap 在赠送一个vuex-module-decorators详解...
彻底弄懂 Vue.use() 方法
weixin_49035434的博客
12-03 522
相信很多人在 Vue 中使用别人的组件时，会用到 Vue.use() 。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但到了 axios，不需要 Vue.use(axios) 就能直接使用了，这是为什么呢？ 创建项目 使用 vue init webpack-simple myProject（myProject 为新建的文件夹名称）创建一个项目，然后一路回车。 cd myProject 进入该目录，npm i 安装本次需要的模块。 npm run dev 运行该项.
关于Vue.use()详解
未金涛的博客
12-14 1030
问题 相信很多人在用Vue使用别人的组件时，会用到 Vue.use() 。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时，就不需要用 Vue.use(axios)，就能直接使用。那这是为什么呐？ 答案 因为 axios 没有 install。 什么意思呢？接下来我们自定义一个需要 Vue.use() 的组件，也就是有 install 的组件，看完之后就明白了。 定义组件 生成模版 vue init webpack-simple custom-global-c
Vue3：使用 Vue.use() 报错 “ Cannot read property ‘use‘ of undefined ”
m0_67265311的博客
03-06 6582
问题： 在学习Vue 3的时候，发现以下代码报错，错误信息为：Cannot read property 'use' of undefined import Vue from 'vue' import router from './router' Vue.use(router) 原因： Vue.use()是Vue 2安装插件的方式 在Vue 3中，import Vue from 'vue'并不能导出”vue“这个包 Vue 3使用createApp(App) 返回应用实例 正解： import { cre
使用animate.css
aosha0906的博客
09-12 272
今天有个一前辈来看了一下我的小程序啊，说写的还行就是可以不用只按照ui给的图写界面，自己可以添加一些动态的炫酷效果，不用不知道一用吓一跳啊，用之前觉得好好一个界面为什么要搞那些花里胡哨的东西，单纯一点不好吗，用了之后就是典型真香了 他说我可以多看看这些动画效果可以增强自己的css功底，想来也是多学点总比无所事事好，他推荐了我一个前端动画库animate.css，使用起来超...
解决引入Vuex报错问题
Jacknbv的博客
12-21 3667
当我们在项目中引入Vuex时，出现以下错误 出现这样错误的原因是在创建store实例之前，没有调用Vue.use(Vuex)，但这个时候会有人说，已经调用了Vue.use(Vuex)，还是会出现这样的错误。究其原因是因为Vue脚手架会解析文件中的所有import语句，然后把所有import语句按照编写代码的顺序全都汇总在最上方，之后才会解析文件中的其它代码，这就会使得Vue.use(Vuex)在store实例之后执行。 解决办法： 在store文件夹下的...
vue引入elementUI报错
yycc的博客
07-04 1876
通过vue init webpack 创建的vue项目.本来我在好好的写代码,觉得电脑卡,随手把电脑重启了一下,然后npm run dev,结果给我来了个大大的cannot get! 终端报错如下: This dependency was not found: * element-ui/lib/theme-chalk/index.css in ./src/main.js To install ...
配置vue-router报错解决（包含好几个错误）
热门推荐
weixin_44201321的博客
02-27 1万+
前端萌新 配置vue-router报错解决（包含好几个错误）
vue.component和vue.use区别
06-28
而vue.use用于安装Vue.js插件，可以在Vue实例中使用插件提供的功能。例如： ``` Vue.use(myPlugin) ``` 其中myPlugin是一个Vue.js插件，它需要提供一个install方法。在install方法中，可以注册全局组件、指令、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值