vue中 引入 less报错

最新推荐文章于 2022-10-02 13:45:47 发布
原创 最新推荐文章于 2022-10-02 13:45:47 发布 · 642 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文分享了一次在项目中引入Less时遇到的版本冲突问题及解决过程。由于Less-loader版本过高，导致项目无法正常运行。通过卸载原有版本并安装兼容版本，再清理残留文件，最终解决了问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

现在接手了别人的项目，要给它引个less,结果报错了，之前一直是webpack 自动引入的less在这里插入图片描述
就是这个，然后就找解决方法呀 ，最后找到了是less-load版本过高导致的，
删掉原来的less-load,重新下一个版本的就好了，在这里插入图片描述
然后 ，又报错了，如上图，这个是原来版本没删干净，进入项目目录，搜索less,找到相关文件删掉 然后重新下载就Ok了。

关于Vue项目中使用less报错的各种问题
SkipCode Blog
09-10 3912
首先我们可以通过这个哥的文章安装到我们的less到我们的Vue项目中 安装LESS 我把它的内容抄出来如下 首先，在项目目录下安装 less 和 less-loader。 npm install less less-loader --save-dev 安装成功后，打开 build/webpack.base.conf.js ，在 module.exports = 的对象的 module.rules 后面添加一段：{test: /.less$/,loader: “style-loader!css-loader
VUE--VANT 自定义 Less 变量，可用于自定义样式 主题定制
norang的博客
06-14 2531
本人vue 版本为 2的 vue 首先，安装一个库包 npm install less-loader@5.0.0 --save-dev 这个 的安装，可能会造成版本的问题，我当初安装的时候，会因为这个版本高了报错Module build failed: TypeError: this.getOptions is not a function，最后，安装了这个5的版本，就好了。 在 main.js 中 // 引入全部样式 import 'vant/lib/index.less' 因为，vue的版本是2的
Vue.js项目引入less文件报错解决
卜小娴的博客
09-21 1万+
最近用vue-cli+webpack构建项目时，当在app.vue或者其他组件中中引入less文件时会报错，如下所示：import '@/less/detail.less'报错如下： 根据报错信息说是相关依赖babel-loader和vue-loader没有找到，但是我们npm i babel-loader vue-loader依然报错此信息。 正常情况下在webpack的配置文件中已经配置
Vue中使用less以及启动报错解决方案
haogemr的博客
10-30 1568
安装less npm install less less-loader -D 配置less 在build/webpack.base.conf.js 中 mudule.rules 中添加： { test: /\.less$/, loader: "style-loader!css-loader!less-loader" } 使用less 在vue 文件中的style标签上加上 lang=“less”，即可使用： 如果启动后报错，如下图所示： 原因是由于less-loader安装的版本过高，可以
less引入错误 @import
Miexiaoyao的博客
10-02 1203
less引入错误 @import
关于vue中引入less时的报错集
qq_40652539的博客
06-23 9405
在vue中引入并使用less时的相关错误及解决方案： 1、错误一： 错误如下图所示： 因为当前项目版本2.9.6 已经在build/utils里配置了less的处理，所以和之前在build/webpack.base.conf.js中配置的less-loader冲突 解决方法： 将冲突的less-loader去掉即可，如下图： ...
VUE使用less报错问题
weixin_45494120的博客
07-27 529
安装完LESS并配置完成情况下 引入less后会报错误此原因可能是less版本过高导致， 解决方案： 重新安装less npm install less@3.9.0 -s npm install less-loader@5.0.0 -s 注意：如果还不行，那需要手动将已经下载的less文件删除，然后重新下载就可以了 ...
vue component 中引入less文件报错 Module build failed
10-17
在Vue组件中引入Less文件出现“Module build failed”错误的问题及解决方法 在使用Vue框架进行Web开发过程中，开发者可能会遇到一个比较棘手的问题：在Vue组件的`<style>`标签中引入Less文件时，出现“Module build...
解决vue中使用less/sass及使用中遇到无效的问题
01-18
在vue官方脚手架中，即vue-lci搭建的项目中，可以轻易的使用less/sass。 先使用npm下载依赖，命令行为’npm install less less-loader –save’,再在webpack.base.conf.js中添加rules对象： { test: /\.less$/, ...
vue中启动less报错
最新发布
03-18
在Vue项目中解决Less报错问题通常与版本兼容性、配置冲突或语法错误有关。以下是分步解决方案： --- ### **1. 安装指定版本依赖（关键步骤）** 多数报错由`less-loader`版本过高导致。执行以下命令安装兼容版本： ...
浅谈vue引入css,less遇到的坑和解决方法
08-28
浅谈vue引入css,less遇到的坑和解决方法 在前端开发中，CSS 预处理器 Less 是一种非常流行的选择，但是在 Vue 项目中引入 Less 时，可能会遇到一些问题。下面我们将讨论在 Vue 项目中引入 CSS 和 Less 的一些坑和...
Vue中引入第三方框架less样式报错
qq_42913276的博客
07-11 940
最近在开发项目过程中，需要使用到Muse-UI前端框架中的几个组件，安装过程都很顺利，但是在需要引入less样式文件的时候出问题了，情景还原以下： import 'muse-ui/lib/styles/theme.less' 接下来看一下报错信息： 大致意思就是无法识别你引入的这个less文件，然后用排除法来找问题 该less文件是否存在 是否安装了less插件以及less-loader插件 是否在.babelrc配置了plugins内容 检查以下less-loader版本是否支持当前项
Vue | 安装引入less报错解决
小行星住户的博客
03-05 1558
最近在构建新系统，发现此前没有出现过的less引入报错问题，记录一下。 首先是安装less的过程 （1）安装less和less-loader
vue中使用@import ‘~@...’失效解决方案小记
热门推荐
zhufeng19900713的博客
05-08 3万+
最近使用webpack-cli官方模板构建vue项目的时候，发现在vue文件中直接使用@import + alias的方案不可行了，之前的解决方案都是使用~@的方式，但是最近发现这种方法不可行了，后来发现是因为使用了postcss-import导致的，postcss-import并不会直接去识别~@，然后就去查阅了相关的文档，最终废了老半天的功夫找到了一种解决方案：这里直接在.postcssrc.j
React less less-loader的使用，以及‘{’报错解决
weixin_43486426的博客
07-09 3708
React less语法支持编译与less的配置，以及‘{’报错解决（第3步） 本次的less编译，主要基于less-loader这个包 1、首先呢我们需要展开我们的webpack配置文件，这个在react中是默认隐藏的，你需要将它显示出来(注意此操作是不可逆的) npm run eject 2、然后我们需要下载less-loader //less-loader负责打包转码 npm i less less-loader -s //本地化安装less和lessloader 3、然后我们就需要进行环境的
在项目中安装、使用less-loader、less用于处理less格式文件
qq_46112274的博客
02-15 8361
在项目中安装、使用less-loader、less用于处理less格式文件1、安装配置2、配置3、案例：使用less-loader和less 在项目中安装less-loader，用于加载less文件 webpack中文网安装less-loader参考 1、安装配置 版本号与项目中webpack版本要对应，不然安装不成功 如果安装过程中，出错先使用以下命令： 出错参考 npm i --legacy-peer-deps 使用命令安装less-loader和less: npm install --save-de
vue使用Vant自定义主题
天高任鸟飞
11-29 5282
https://youzan.github.io/vant/#/zh-CN/theme这是官网给的说明，个人感觉有点坑，对于我这中vue小白实在是看不明白。 一、为什么需要自定义主题。 当vant的主题不满足你的要求时可以根据自己的要求进行修改，比如：所有的颜色要改。 二、自定义主题 1、在main.js中引入less import 'vant/lib/index.le...
vue编译vant报错：./node_modules/vant/lib/index.css
DeliaWen的博客
10-30 1万+
因为loader顺序问题。将sass-loader放在postcss-loader前面（位置后面的先执行），解决方法如图： 但是正确的loader加载顺序应该是要先执行sass，现在这个顺序在使用sass的遍历语法时会导致语法报错。所以正确的解决方案是sass写在最后，然后忽略vant。 ...
Vue项目main.js导入less文件报错
qq_41283061的博客
07-04 1107
import './styles/index.less' 报错： 原因：新版本的vue-cli已经帮我们把less-loader配置好了，放在了util.js里面。去webpack.base.config.js中删除这段代码，重新运行，ok.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值