之新手vue项目小记--新建.vue文件,运行项目,出现error:This dependency was not found...

时间:2021-06-27 14:33:06

错误码:

This dependency was not found:

* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-rewriter?{"id":"data-v-6c96342b","scoped":false,"hasInlineConfig":false}!stylus-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./navs.vue in ./src/components/navs.vue

To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-rewriter?{"id":"data-v-6c96342b","scoped":false,"hasInlineConfig":false}!stylus-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./navs.vue

错误原因:当你新建一个.vue的文件时,需要重新安装stylus(css的预处理框架),否则报错

解决方法:

1)终端输入命令:cnpm install stylus-loader css-loader style-loader --save-dev

2)若还是报错,再输入命令:cnpm install stylus --save

3)依然报错,就是vue-loader的版本太低了,更新vue-loader的版本就行,输入命令:cnpm install vue-loader@latest --save-dev

notice: 使用cnpm命令需要安装npm的淘宝镜像。

finally:正常情况下,没有使用ESlint代码格式验证插件的前提下,应该是没有错误提示的。若还是出现以上错误码的错误提示,就先按方法中的3)、2)、1)的顺序依次输入命令即可。