vue使用less、sass等时，运行报错To install it, you can run: npm install --save !!vue-style-loader!css-loader?

入门级前端开发

于 2024-08-23 13:27:29 发布

阅读量413

点赞数 5

分类专栏： vue 文章标签： vue.js css less

本文链接：https://blog.csdn.net/weixin_45016440/article/details/141463363

版权

vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

当我们编写vue项目样式的时候，报以下错误：

This dependency was not found:

* !!vue-style-loader!css-loader?{"sourceMap":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-560737b0","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./layoutMain.vue in ./src/components/layout/layoutMain.vue

To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-560737b0","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./layoutMain.vue
Error from chokidar (D:\): Error: EBUSY: resource busy or locked, lstat 'D:\DumpStack.log.tmp'
Error from chokidar (D:\node_modules): Error: EBUSY: resource busy or locked, lstat 'D:\DumpStack.log.tmp'

一般是由于css解析错误导致的，首先查看是否引入对应的loader：

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

less：npm install less less-loader --save-dev

sass：npm install sass sass-loader --save-dev

如果已经安装还会报错，就可能是版本问题，换成低版本试一下：

css：卸载当前版本npm uninstall css-loader，安装低版本npm install css-loader@3.0.0 --save-dev

less：卸载当前版本npm uninstall less-loader，安装低版本npm install less-loader@5.0.0

sass：卸载当前版本npm uninstall sass-loader，安装低版本npm install sass-loader@5.0.0