在Vue中使用swiper的时候，页面可以正常显示，但是控制台一直有警告的语句，怎么解决这个问题呢？

Question

在Vue中使用vue-awesome-swiper的时候，页面是正常的，但是控制台一直报错

node警告

但是页面不受影响，我使用的方式
main中

import 'swiper/dist/css/swiper.min.css';
import VueAwesomeSwiper from 'vue-awesome-swiper';
Vue.use(VueAwesomeSwiper);

因为我多个组件都用到了，我封装成组件

<template>
         <div class="swiper-container tu">
            <div class="swiper-wrapper">
                <div class="swiper-slide" v-for="item in Filetu">
                    <img :src="item" alt="" />
                </div>
            </div>
        </div>
</template>

<script>
    import Swiper from "swiper";
    export default{
        props:{
            Filetu:{
                type:Array,
                default:Array,
                 required: true
            },
            index:{
                type:Number,
                 required: true
            }
        },
        mounted(){
            this.lun();
        },
        methods:{
                lun(){
                    const _index=this.index;
                    var myswiper=new Swiper('.tu',{
                        observer:true,
                        observerParent:true,
                        initialSlide:_index,//初始化时slide的索引
                    })
                
            }
        }
    }
</script>

在组件中使用

                   使用
             <u-swiper 
                    :Filetu="Filetu" 
                    :index="TupianKey"
                    v-if="TupianStyle"
                    >
             </u-swiper>
             导入
             import Uswiper from "./Uswiper"
             注册
           components:{
            "u-swiper":Uswiper
        },

这个警告怎么解决呢？ 放着太难看了 vue-awesome-swiper是3.1.1版本的

Answer 1

把 node_modules/Swiper 的名字改成小写 node_modules/swiper

Answer 2

平时多学点单词，这会儿就能看懂了……

错误的意思是：在 node_modules 里找到了多个包，名字一样，只是大小写（case/casing）不一样，如果放到大小写敏感的系统里（比如 mac/linux），打包之后会有预期以外的行为发生，建议你尽快修改。

解决方案楼上说的应该没问题。