web外卖项目debug2

1. vue-route中route.path不生效
   解决：package.json修改版本

2. WDS] Errors while compiling. Reload prevented.
   解决：https://blog.youkuaiyun.com/XxiaLn/article/details/80286668
   npm install webpack-dev-server --save-dev安装。
   完成之后会在node_modules/bin下找到。
   重新打开工程，命令为：npm run dev，即可解决热更新报错问题。

3. • ./images/shop/1.png in ./node_modules/vue-loader/lib/template-compiler?{“id”:“data-v-7918ad45”,“hasScoped”:false,“transformToRequire”:{“video”:[“src”,“poster”],“sou
     rce”:“src”,“img”:“src”,“image”:“xlink:href”},“buble”:{“transforms”:{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/pages/MSite/MSite.vue
     解决：文件引用路径

4. 普通的img标签和src属性，加载不出来图片
   解决：在src属性中加上这些东西： “ ./”所以导致vue不解析该地址。

5. Vue Swiper 找不到swiper.css
   解决：
   方法一：Swiper安装6.0+版本需要引入另外一个css
   import VueAwesomeSwiper from ‘vue-awesome-swiper’
   import ‘swiper/swiper-bundle.css’
   Vue.use(VueAwesomeSwiper, /* { default global options } */)
   方法二：安装6.0以下的版本
   npm i swiper@5.4.5 -S
   引入：import ‘swiper/css/swiper.css’

6. Do not use ‘new’ for side effects
   解决：
   方法一：关闭no-new规则。修改eslint的配置文件，关闭rules中所有的no-new规则检查，尽量不要。
   方法二：定义一个变量接收new出来的对象：
   let swiper = new Swiper()
   方法三：在使用new的句子上加上/* eslint-disable no-new /注释来绕开语法检查对注释下的语句的检查：
   / eslint-disable no-new */
   new Swiper()
   在报错句子处alt+enter