找不到css文件

Question

Answer 1

慕丝6459772 2020-06-29 17:41:46

这个地方我也遇到了，我发现是根本没有swiper，运行 npm install swiper --save  进行安装就好了。

Dell老师，我们这个地方按照视频里装VueAwesomeSwiper的时候并没有把Swiper一并下载下来。。。单独装一遍就不报错了。

• 慕丝6459772 #1

  或者去源码里把swiper文件夹直接copy到项目node_modules里，哈哈

• 慕九州4451910 回复 慕丝6459772 #2

  源码中没有这个文件啊？如果你说有，那是在源码的哪个文件夹下呢？

• 球痴 回复 慕丝6459772 #3

  require('styles/swiper.css')我也弄了半天，后来直接把css文件放到style目录下面了

Answer 2

村口胡大爷 2020-07-11 15:07:22

import 'swiper/css/swiper.css'

改为

import '../node_modules/vue-awesome-swiper/node_modules/swiper/dist/css/swiper.css'

• PChiawei #1

  感谢，完美解决

Answer 3

慕少3315481 2020-07-04 13:13:38

建议写成这样子../node_modules/vue-awesome-swiper/node_modules/swiper/dist/css/swiper.css。看看是否成功。我最开始以为下载出错了然后捣鼓了俩小时最后发现视频里swiper/dist/css/swiper.css这样的写法根本找不到文件所以建议写成我这样的的写法看看是否有问题

• 慕丝6459772 #1

  你们有dist?
  我这边都是swiper/css/swiper.css

Answer 4

慕前端2302107 2020-07-06 15:12:38

Google了好久，可算找到解决方法了 ，用老版本2.6.7的话，CSS文件路径是'swiper/dist/css/swiper.css'， 这里和视频以及官网文档中有出入，顺带给老师提个建议吧，课程间或者章节间可以设置一些小练习或者思考题，帮助掌握要点，提高学习效率，个别发生变化的地方最好及时在首页更新一下避免不必要的解决BUG

Answer 5

Dell 2020-06-25 21:31:37

swiper/css/swiper.css -> swiper/css/swiper.min.css

Answer 6

呀呀呀亚歌 2020-06-24 14:51:46

1. 可能是你的路径问题，可以直接使用相对路径

2. 可能style写到了配置文件alias中，但是你没有写，或者写了，没有重启服务，没有生效