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

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