解决Vue启动失败报错:Module not found: Error: Can‘t resolve ‘less-loader‘
Vue 解决 报错 Error 启动 not 失败 found
2023-09-11 14:22:31 时间
问题描述
今天想在网上找一个好看的登录页面,把别人的代码引入进来之后,发现项目编译不了,并且报错了:
Module not found: Error: Can’t resolve ‘less-loader’
分析问题
从错误的日志就可以看出来,是缺少了less-loader这个依赖,但是我们又在项目中使用了(引用了)Sass语法,就会保一下错误
实际上是组件中的样式里加了这么个代码
<style lang="less" scoped>
</style>
比如这里:
科普:什么是less-loader
简单来说:
webpack 将 Less 编译为 CSS 的 loader。
解决问题:安装less插件
而这个less是需要安装的,直接执行命令:
npm install --save-dev less-loader less
这个包很小,下载起来很快的:
这是他npm的地址
https://www.npmjs.com/package/less-loader
注意:如果less直接安装,会自动安装为最新版本,可能会导致项目无法启动,所以要根据自己的vue版本选择less适用的版本
下载完成之后再次启动项目即可:
总结
这种错误还是比较容易发现和解决的,解决类似的问题通常有一个技巧:
但凡只要遇到 Module not found:Error:Can`t resolve ‘XXXXXXXXXXXX’,都是项目中没有安装这个依赖。 只需要执行 : npm install XXXXXX 就能解决问题。
相关文章
- vue详细操作目录-基础篇
- VUE 异常汇总
- vscode的vetur插件提示 [vue-language-server] Elements in iteration expect to have 'v-bind:key' directives错误的解决办法
- vue 前端解决跨域问题,
- vue解决IOS10低版本白屏问题
- 高性能流媒体服务器EasyDSS前端重构(二) webpack + vue + AdminLTE 多页面提取共用文件, 优化编译时间
- Vue build之后访问dist目录静态资源不加载问题解决
- SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析
- pc端vue 滚动到底部翻页
- 如何在浏览器中安装使用Vue开发者工具?Vue开发者工具的安装使用?可直接提取插件安装使用
- vue v-if与v-show使用注意问题
- Vue slot简单理解
- 前端MVC Vue2学习总结(二)——Vue的实例、生命周期与Vue脚手架(vue-cli)
- 057:vue+openlayers地图图像的滤镜处理(示例代码)
- vue中使用echarts实现动态数据绑定、获取后端接口数据
- Vue中在组件中单独使用this
- 如何解决npm run serve运行vue项目时,出现报错:Error: error:0308010C:digital envelope routines::unsupported
- 解决vue-cli项目打包出现空白页和路径错误的问题
- 【三十天精通Vue 3】第六天 Vue 3 计算属性和监听器详解