即时通讯

主要是后端同事找的，，我就帮忙处理了下前端系统起不来的问题 

演示地址：<a href="http://123.207.147.138:8000" target="_blank">http://123.207.147.138:8000</a> 可以去git找源码

前端代码见 文件 leo-im-web-master.zip

 

遇到两个问题

1、 *!!vue-style-loader!css-loader?{“sourceMap”:true}!../../../../vue-loader/lib/style-compiler/index?{“vue”:true,”id”:”data-v-570115ee”,”scoped”:false,”hasInlineConfig”:false}!../../../../vux-loader/src/after-less-loader.js!less-loader?{“sourceMap”:true}!../../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=styles&index=0!./index.vue in ./node_modules/vux/src/components/alert/index.vue

解决方案
此类问题一般是缺少相关依赖而导致的，对于本例，仔细看一下报错提示信息，抓住关键词，vue-style-loader!css-loader，说明是css解析的时候出了问题。 
所以，解决方案就要根据情况而定，看你使用的CSS语言是什么,是 常规的 或者 less 或者 sass。

　　如果是 常规 的，执行 npm install stylus-loader css-loader style-loader --save-dev 安装依赖就行。
　　如果是 less 的，执行 npm install less less-loader --save-dev 安装依赖就行。
　　如果是 sass 的，执行 npm install sass sass-loader --save-dev 安装依赖就行。或者（$npm intall sass-loader --save ; $npm install node-sass --save）
　　如果你不知道，好吧，你三个都执行吧。 

运行之后还有报错  Module build failed: TypeError: this.getResolve is not a function at Object.loader 

　　这是因为当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行，下面说一下修改方法，很简单，如下，找到package.json文件，里面的 "sass-loader"的版本更换掉 就行了。

解决方案

　　卸载当前版本 npm uninstall sass-loader

　　安装 npm install sass-loader@7.3.1 --save-dev