!!vue-style-loader!css-loader?问题解决

问题详细

*!!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语言是什么,是 常规的css 或者 less 或者 sass。我的时在style中使用了less，但是没有安装依赖

解决方案

1. 最简单的方案
   使用最原始的css style，把原来的less或者sass风格改成css，当然这种方式局限于less或者sass没有用到太多特殊语法。
2. 安装依赖，缺什么装什么

2.1 如果是 常规的，执行 npm install stylus-loader css-loader style-loader --save-dev 安装依赖就行。

2.2 如果是less的，执行 npm install less less-loader --save-dev 安装依赖就行。

2.3 如果是sass的，执行 npm install sass sass-loader --save-dev 安装依赖就行。或者（npm intall sass-loader --save ; $npm install node-sass --save）