問題描述
*!!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
解決方案
此類問題一般是缺少相關(guān)依賴而導(dǎo)致的,對(duì)于本例,仔細(xì)看一下報(bào)錯(cuò)提示信息,抓住關(guān)鍵詞,vue-style-loader!css-loader,說明是css解析的時(shí)候出了問題。
所以,解決方案就要根據(jù)情況而定,看你使用的CSS語(yǔ)言是什么,是 常規(guī)的 或者 less 或者 sass。
如果是 常規(guī) 的,執(zhí)行 npm install stylus-loader css-loader style-loader --save-dev 安裝依賴就行。
如果是 less 的,執(zhí)行 npm install less less-loader --save-dev 安裝依賴就行。
如果是 sass 的,執(zhí)行 npm install sass sass-loader --save-dev 安裝依賴就行?;蛘撸?img class="math-inline" src="https://math.jianshu.com/math?formula=npm%20intall%20sass-loader%20--save%20%3B" alt="npm intall sass-loader --save ;" mathimg="1">npm install node-sass --save)
如果你不知道,好吧,你三個(gè)都執(zhí)行吧。
一般只有在初始化配置的的時(shí)候才會(huì)出現(xiàn)這個(gè)問題,如果是已經(jīng)完好的項(xiàng)目都會(huì)在package.json中已經(jīng)配好,直接install即可。