swiper

来源:4-7 swiper 介绍

酷酷的Nian

2020-07-11

图片描述
图片描述
图片描述
图片描述

老师你好,我在下载swiper这里遇到了问题,照着文档正常下载swiper,引入swiper的时候,发现并没有swiper.css这个样式文件,并且重新下载了几次也是发现没有此文件,没有css文件我引入了swiper.scss后发现轮播图的分页器等功能用不了,其他项目我也试了,发现都没有…我该怎么办呀

写回答

1回答

Sunday

2020-07-12

你好:

swiper 功能咱们是使用的  vue-awesome-swiper 这个库,课程中使用的版本是 3.1.3 . 

看你的截图目前存在一个问题,对于 vuex 、vue-router 等全家桶库,应该在 dependencies 节点下。具体可以参考该 配置内容:

  "dependencies": {

    "axios": "^0.19.0",

    "core-js": "^2.6.5",

    "md5": "^2.2.1",

    "vue": "^2.6.10",

    "vue-awesome-swiper": "^3.1.3",

    "vue-router": "^3.0.3",

    "vuex": "^3.0.1"

  },

  "devDependencies": {

    "@vue/cli-plugin-babel": "^3.8.0",

    "@vue/cli-plugin-eslint": "^3.8.0",

    "@vue/cli-service": "^3.8.0",

    "@vue/eslint-config-standard": "^4.0.0",

    "babel-eslint": "^10.0.1",

    "eslint": "^5.16.0",

    "eslint-plugin-vue": "^5.0.0",

    "node-sass": "^4.12.0",

    "sass-loader": "^7.1.0",

    "vue-template-compiler": "^2.6.10"

  }


你可以复制改内容,替换你 package.json 文件中的  dependencies 和  devDependencies 。 然后重新执行   npm(或 cnpm) install 的方式进行解决(执行前,先删除  node_modules 问价夹)


0
1
酷酷的Nian
非常感谢!
2020-07-13
共1条回复

混合开发入门 Vue结合Android/iOS开发仿京东项目App

流行的混合开发实战入门,前端和原生开发同学不容错过

1108 学习 · 448 问题

查看课程