npm install --save !!vue-style-loader!css-loader问题

一、好言

有些人终究只做朋友就好,因为退一步舍不得 进一步又没资格。

二、背景

尝试自己写个页面,所以从头开始操作,记录下遇到的问题和解决方式。

三、内容

在自己第一次尝试修改并尝试运行时,出现下面的错误

ERROR  Failed to compile with 1 errors

This dependency was not found:

* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../node_mod
ules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-2a38d292","sco
ped":false,"hasInlineConfig":false}!sass-loader?{"sourceMap":false}!../node_modu
les/vue-loader/lib/selector?type=styles&index=0!./App.vue in ./src/App.vue

To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"m
inimize":false,"sourceMap":false}!../node_modules/vue-loader/lib/style-compiler/
index?{"vue":true,"id":"data-v-2a38d292","scoped":false,"hasInlineConfig":false}
!sass-loader?{"sourceMap":false}!../node_modules/vue-loader/lib/selector?type=st
yles&index=0!./App.vue
> Listening at http://localhost:8080

在网上搜索解决方案的时候,大部分解决方式都是如下:

npm install stylus stylus-loader style-loader --save-dev

但是我也尝试了,不行,最后解决方式如下
1:删除node_modules文件
2 :重新执行npm install
3 :在尝试运行,npm run dev

我在运行的时候遇到一些空格的异常,这个自己根据提醒修改。

image.png

并且遇到一个Cannot find module 'node-sass'的异常如下

image.png

安装相关包

npm install node-sass -D

运行页面如下:

image.png

具体联系参考了这篇博客,里面有一系列的文章,非常棒。

推荐阅读更多精彩内容