vue项目中遇到的问题总结

在Vue项目中遇到Webpack版本冲突,通过降级webpack解决了问题。另外,解决Swiper未定义错误,需在carousel.vue组件中引入swiper-bundle.min.js。此外,还注意到了组件定义时,data选项必须为返回实例数据的函数。
摘要由CSDN通过智能技术生成

在这里插入图片描述

webpack版本冲突,通过度娘,了解到是webpack的版本冲突~
解决:

  1. 取消安装webpack
npm uninstall webpack
  1. 安装原来版本的webpack
npm install webpack@^4.0.0 --save-dev

webpack Uncaught ReferenceError: Swiper is not defined
解决:在carousel.vue下的脚本中引入swiper-bundel.min.js文件

The “data” option should be a function that returns a per-instance value in component definitions
一个组件的data必须是一个函数,获取的是data函数中返回的数据

<script
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值