* swiper in ./node_modules/vue-awesome-swiper/dist/vue-awesome-swiper.js

你的名字 2022-12-28 08:26 244阅读 0赞

# 前言 #

项目安装swiper轮播后，启动报错：

--------------------

# 错误信息如下： #

D:\code\zcw-vue-shop\zcw-vue-shop>npm run serve
    
    > zcw-vue-shop@0.1.0 serve D:\code\zcw-vue-shop\zcw-vue-shop
    > vue-cli-service serve --mode=development
    
     INFO  Starting development server...
    98% after emitting CopyPlugin
    
     ERROR  Failed to compile with 2 errors                                                                                                                                         下午10:46:23
    
    These dependencies were not found:
    
    * swiper in ./node_modules/vue-awesome-swiper/dist/vue-awesome-swiper.js
    * swiper/dist/css/swiper.css in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-load
    er/lib??vue-loader-options!./src/pages/index.vue?vue&type=script&lang=js&
    
    To install them, you can run: npm install --save swiper swiper/dist/css/swiper.css

# 解决办法： #

*  修正之前：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70]  
    我安装的版本为：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70 1]  
    把上面的版本降级试一试：

npm uninstall vue-awesome-swiper
    npm install vue-awesome-swiper@3.1.3  --save-dev

降级就可以了，O(∩\_∩)O哈哈~

D:\code\zcw-vue-shop\zcw-vue-shop>npm run serve
    
    > zcw-vue-shop@0.1.0 serve D:\code\zcw-vue-shop\zcw-vue-shop
    > vue-cli-service serve --mode=development
    
     INFO  Starting development server...
    98% after emitting CopyPlugin
    
     DONE  Compiled successfully in 4353ms                                                                                                                                          下午10:57:18
    
    
      App running at:
      - Local:   http://localhost:8080/
      - Network: http://192.168.50.181:8080/
    
      Note that the development build is not optimized.
      To create a production build, run npm run build.

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70]: /images/20221120/4c980896f455400cbb64afd2b5561975.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70 1]: /images/20221120/d3794cc46ac441e88711dad44fdef12c.png